수다닷컴

#gnb{overflow:visible;height:36px;z-index:100;background:url(../img/bg_header.gif) 0 0 repeat;zoom:1;}
#gnb after:{clear:both;content:;display:block;}
#gnb li{height:36px;width:25%;float:left;clear:none;position:relative;}
#gnb li a{height:36px;clear:none;text-indent:-9999px;font-size:100%;text-decoration:none;border:1px solid red;display:block;overflow:hidden;}
#gnb li.m1{background:url(../img/navi01_off.gif) 50% 0 no-repeat;}
#gnb li.m2{background:url(../img/navi02_off.gif) 50% 0 no-repeat;}
#gnb li.m3{background:url(../img/navi03_off.gif) 50% 0 no-repeat;}
#gnb li.m4{background:url(../img/navi04_off.gif) 50% 0 no-repeat;}
#gnb li li{width:100%;clear:none;height:auto;width:100px;}
#gnb li ul.subMenu li a{text-indent:0;height:auto;}
#gnb li ul.subMenu{position:absolute;top:-9999px;z-index:100;}
#gnb li:hover ul.subMenu{
background: #FFF;
position: absolute;
top:36px;
left:20%;
width: 100%;
z-index: 100;
}---
ul id=gnb
li class=m1a href=intro.html/a
ul class=subMenu
lia href=#img src=img/left_mnu11_off.gif alt=원장인사말/li
lia href=#img src=img/left_mnu12_off.gif alt=비전과미션/li
lia href=#img src=img/left_mnu13_off.gif alt=연혁/li
lia href=#img src=img/left_mnu14_off.gif alt=조직도/li
lia href=#img src=img/left_mnu15_off.gif alt=ci소개/li
lia href=#img src=img/left_mnu16_off.gif alt=홍보동영상/li
lia href=#img src=img/left_mnu17_off.gif alt=오시는길/li
/ul
/li
li class=m2a href=business.html주요사업/a
ul class=subMenu
생략
/ul
/li
li class=m3a href=network.html대외협력네트워크/a
ul class=subMenu
생략
/ul
/li
li class=m4a href=info.html정보마당/a
ul class=subMenu
생략
/ul
/li
/ul

혼자공부중인데 저밑줄친 링크부분이 뭔가 잘못된것같아요....ㅠㅠa링크가 제가 원하는부분만 뿅하고
됐음좋겠는데 원하지않는부분까지 줄줄이 링크가걸리네요 저하얀색빈공간까지 링크가걸리는이유는뭘까요..
높이값을없애면 하얀부분자체는 사라지는데 정렬이 망가지고 진흥원소개부분링크영역은 아예 위로 올라가버리더군요
계속 씨름해도 답이안나오네요 도움부탁드립니다 ㅠㅠ

신청하기