수다닷컴

#header #gnb{float:left; position:relative; margin:39px 0 0 0; background:url(/images/gnb_bg.jpg) no-repeat; height:45px;}
#header #gnb{clear:left; width:100%; background:url(/images/gmbg.gif) no-repeat; margin:8px 0 0 0;}
#header #gnb .menu{margin:0 10px 0 0;}
#header #gnb .menu li {float:left; position:relative;}
#header #gnb .menu ul{position:absolute; top:45px; padding:0 0 0 18px; z-index:10;}
#header #gnb .menu .sub1{left:-5px; background:url(/sub1/images/smbg.gif) no-repeat; width:663px; height:28px;}
#header #gnb .menu .sub2{left:-142px; background:url(/sub2/images/smbg.gif) no-repeat; width:663px; height:28px;}
#header #gnb .menu .sub3{left:-250px; background:url(/sub3/images/smbg.gif) no-repeat; width:463px; height:28px; padding:0 0 0 200px;}
#header #gnb .menu .sub4{left:-359px; background:url(/sub4/images/smbg.gif) no-repeat; width:333px; height:28px; padding:0 0 0 330px;}
#header #gnb .menu .sub5{left:-441px; background:url(/sub5/images/smbg.gif) no-repeat; width:213px; height:28px; padding:0 0 0 450px;}
#header #gnb .menu .sub6{left:-545px; background:url(/sub6/images/smbg.gif) no-repeat; width:330px; height:28px; padding:0 0 0 350px;}
#header #gnb ul.menu ul li {height:25px; padding:0; margin:0;}
#header #gnb p{margin:10px 0 0 20px;}

div id=header
div id=gnb
ul class=menu
lia href=/sub1/sub1.htmlimg src=/images/gm01_1.gif alt=메뉴1 //a
ul class=sub1
lia href=img src=/sub1/images/sm01.gif alt=인사말 //a/li
lia href=img src=/sub1/images/sm02_1.gif alt=사업소개 //a/li
lia href=img src=/sub1/images/sm03.gif alt=건강복지센터 //a/li
lia href=img src=/sub1/images/sm04.gif alt=참여기간 //a/li
/ul
/li
lia href=/sub2/sub1.htmlimg src=/images/gm02.gif alt=메뉴2 //a
ul class=sub2 style=display:none;
lia href=img src=/sub2/images/sm01.gif alt=홀로노인서비스 //a/li
lia href=img src=/sub2/images/sm02.gif alt=경로당서비스 //a/li/ul
/li
/ul
/div
/div
div id=contentArea
p class=mainImgimg src=images/mainImg.jpg alt=메인이미지 //p
/div

위처럼 현재 코딩이 되어 있는 상태 입니다.
근데 ie6,7에서는 메뉴가 이미지 밑으로 숨어버립니다. gnb의 세로값을 정해주면 상관이 없는데 마우스 오버됐을때 하위 메뉴가 나와야 하고 아웃하면 하위메뉴가 나오지 않아야 하므로 고정값을 줄 수는 없는 상태이구요.
값을 줘 버리면 heard아래에 나오는 이미지가 그만큼 밑으로 내려가버리니까요..;;
이 소스를 이제껏 잘 사용했는데.. 이상하게 안되네요.. 뭐가 잘못 된걸까요?ㅜㅜ;;
어차피 서브메뉴 나오는 부분을 absolute로 줬기때문에 세로값에 상관없이 제대로 나와야 할것 같은데.. ㅜㅜ

아래 이미지 첨부 합니다..

ie6,7ie8이상 기타 브라우저

신청하기