위의 매뉴에서 마우스를 올려놓으면

아래의 그림처럼 로고부분이 덮이는 현상입니다.

어느 부분에서 수정을 해야 할까요?

부탁드립니다~

/* 메인메뉴*/
#gnb {position:relative;margin: 0;float:left}
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {padding:0;zoom:1;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;width:150px;text-align:center;}
a.gnb_1da {padding-right:10px;display:inline-block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;font-weight:bold;line-height:2.95em;text-decoration:none;color:#fff;height:45px;line-height:45px;display:block;font-size:1.40em}
a.gnb_bg{background:url('../img/gnb_bg.gif') 100px 50%  no-repeat;}
.gnb_bg:focus, .gnb_bg:hover {background-color:#850000 ;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#850000;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#850000;color:#fff}
.gnb_2dul {display:none;position:absolute;top:45px;width:200px;left:0}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none;}
.gnb_1dli_air .gnb_2da {background-color:#323232;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#323232;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#850000;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:8px 0;text-align:center;line-height:2em;color:#fff;margin-left:200px;line-height:18px}
#gnb_empty a {text-decoration:underline;color:#3c95d5}