수다닷컴

#wrap { clear:both; overflow:hidden; position:relative; width:919px;}
#wrap #gnb { overflow:hidden; float:left; height:39px;}
#wrap #gnb li { float:left;}
#wrap #topMenu { overflow:hidden; float:left; height:39px;}
#wrap #topMenu li { float:left;}
#wrap #subMenu { clear:both; overflow:hidden; position：absolute; z-index:10; top:40px; left:0; padding:10px 0 0; width:919px; background:#309ad4 url(../images/common/bg_subMenu_top.gif) no-repeat;}
#wrap #subMenu h2 { visibility:hidden; width:0; height:0; font-size:1%; line-height:1%;}
#wrap #subMenu ul { float:left; padding:0 40px; width:100px;}
#wrap #subMenu ul.sub04 { padding:0 0 0 35px; width:130px;}
#wrap #subMenu ul li { padding:2px; font:normal 11px/13px dotum,arial; border-bottom:#5cafde solid 1px;}
#wrap #subMenu ul li a:link,
#wrap #subMenu ul li a:visited { text-decoration:none; color:#fff;}
#wrap #subMenu ul li a:active,
#wrap #subMenu ul li a:hover { text-decoration:none; color:#fc0;}
#wrap #subMenu .img { float:right; padding:20px 20px 0 0;}
#wrap #subMenu .btm { clear:both; width:919px; height:10px; background:url(../images/common/bg_subMenu_btm.gif) no-repeat 0 bottom;}

#main_visual { clear:both; position:relative; z-index:0; width:919px; height:538px; background:url(../images/main/main_visual.jpg) no-repeat;}
#main_visual #rolling_img { position:relative; top:153px;}

-------------------

div id=wrap

!-- GNB MENU --
ul id=gnb
lia href=# title=img src=../images/common/gnb01.gif alt=눈누난나1 //a/li
lia href=# title=img src=../images/common/gnb02.gif alt=눈누난나12 //a/li
lia href=# title=img src=../images/common/gnb03.gif alt=눈누난나3 //a/li
lia href=# title=img src=../images/common/gnb04.gif alt=눈누난나4 //a/li
/ul
ul id=topMenu
lia href=#img src=../images/common/topmMenu01.gif alt=Contact Us //a/li
lia href=#img src=../images/common/topmMenu02.gif alt=FAQ //a/li
lia href=#img src=../images/common/topmMenu03.gif alt=고객의 소리 //a/li
/ul
!-- 서브메뉴 --
div id=subMenu style=display:block;
h2a href=#눈누난나1/a/h2
ul
lia href=#서브메뉴11/a/li
lia href=#서브메뉴12/a/li
lia href=#서브메뉴13/a/li
lia href=#서브메뉴14/a/li
lia href=#서브메뉴15/a/li
/ul
h2a href=#눈누난나2/a/h2
ul
lia href=#서브메뉴21/a/li
lia href=#서브메뉴22/a/li
lia href=#서브메뉴23/a/li
lia href=#서브메뉴24/a/li
lia href=#서브메뉴25/a/li
/ul
h2a href=#눈누난나3/a/h2
ul
lia href=#서브메뉴31/a/li
lia href=#서브메뉴32/a/li
lia href=#서브메뉴33/a/li
lia href=#서브메뉴34/a/li
/ul
h2a href=#눈누난나4/a/h2
ul class=sub04
lia href=#서브메뉴41/a/li
lia href=#서브메뉴42/a/li
/ul
div class=imgimg src= alt= //div
div class=btm/div
/div
!-- //서브메뉴 --
!-- // GNB MENU --

div id=main_visual
div id=rolling_img
img src=../gif alt= /
/div
/div

/div

-------------------------

복잡해보이지만 뭐 별로..

한마디로 위에 있는 gnb 를 오버하면 밑에 subMenu 의 레이어를 띄우려고 합니다..

아.. 그런데 저놈의 subMenu의 위치가 문제네요..

왜 position：absolute;로 주면 사라질까요 ㅠㅠ

position 안주면 나타나긴 하는데요.. 밑에 main_visual까지 밑으로 밀리면 안되거든요.. ㅠㅠ

도와주세요 ㅠㅠ

신청하기