수다닷컴

html

div id=navi
ul
li class=menu1a class=roll href=#img src=img/menu1.pngimg class=over src=img/menu1_roll.png/a
ul
lia href=#img src=img/menu1_1.png/a/li
lia href=#imgsrc=img/menu1_1.png/a/li
lia href=#img src=img/menu1_1.png/a/li
lia href=#img src=img/menu1_1.png/a/li
lia href=#img src=img/menu1_1.png/a/li
/ul
/li

lia class=roll href=#img src=img/menu2.pngimg class=over src=img/menu2_roll.png/a
ul
lia href=#img src=img/menu1_2.png/a/li
lia href=#imgsrc=img/menu1_2.png/a/li
lia href=#imgsrc=img/menu1_2.png/a/li
lia href=#img src=img/menu1_2.png/a/li
lia href=#imgsrc=img/menu1_2.png/a/li
/ul
/li
lia class=roll href=#img src=img/menu3.pngimg class=over src=img/menu3_roll.png/a/li
lia class=roll href=#img src=img/menu4.pngimg class=over src=img/menu4_roll.png/a/li
lia class=roll href=#img src=img/menu5.pngimg class=over src=img/menu5_roll.png/a/li
/ul
/div!--navi--

css

/*navi*/
#navi {position:absolute;margin-top:60px;width:1024px;height:67px;background:url(../img/navi_bg_b.png)repeat-x;}
#navi li{float:left;padding:0;}
#navi li a{ display:block; padding:7px }
#navi li ul{opacity:0;position:absolute;width:100; height:28px;list-style-type:none; padding:0; margin:0; }
#navi li:hover ul { opacity:1;}
#navi li ul li{ float:left; position:static; height:0; line-height:0; background:none; }
#navi li:hover ul li{height:27px; line-height:10px; padding:0px 5px; }
#navi li ul li:hover{border-bottom:solid 4px #ff0000;}
.menu1 {margin-left:400px;}
/*nevi rollover*/
A.roll img { display:inline; border:0;}
A.roll img.over { display:none; }
A.roll:hover { border:0; }
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline; }제가 menu1에 들어있는 서브메뉴(menu1_1)을 주르륵 클릭하다보면 menu2 밑의 구역에 마우스가 가자마자
마로 menu2의 서브메뉴(menu1_2)로 이동해버립니다..

(테스트중이라 파일명을 급하게 만든거라 헷갈리게 해드려 죄송합니다ㅠㅠ)

제가 menu1의 서브메뉴들(menu1_1)에 마우스를 올려놓았을때 menu2로 마우스가 올라가지 않는이상
전환되지 않도록하는방법이 없을까요?

신청하기