수다닷컴

제가 가로형 CSS 2차 메뉴를 만들고 있는데..
이게 저희 사이트 내부에 올라가기만 하면
자식선택자 문법을 사용한 부분이익스7,8에서서브메뉴가 나타나질 않네요...
이 부분을 해결할 방법이 없을까요...ㅜ.ㅜ

소스는 아래와 같습니다.

아 참고로 아래 내용을 별도 페이지로 만들어
ASP 인클루드 방식으로 다른 페이지에 삽입을 했는데요..
!-- #include virtual=/SUB_PAGE/sub_top_world.asp --

이것과 연관성이 있는지 의심이 가기도 하구요..
핵도 써보고 자식선택자를 없애고각각 class 선택자를 줘서 반영도 해봤는데..
마찬가지네요... ㅜㅜ

아래 소스와는 약간 다르지만 어찌됐든 같은 결과의 url 입니다.
http://venta.co.kr/SUB_PAGE/01_air.asp
----------------------------------------------------------style type=text/css
.warp{
width:900px; height:85px; margin:auto; margin-top:0px;
}
/* 메인메뉴 영역 */
.warpul{
width:520px; height:30px;
padding:0px 0 0 20px;list-style:none;
}
.warpulli{
float:left; width:95px; height:30px; margin-right:0px;
position:relative;
}
.warpullia{
display:block; width:100%; height:100%;
font:bold 14px/30px 맑은 고딕, arial;
text-align:center; color:#4b8285; text-decoration:none;
}
.warp ul li a:hover{color:#000;}

/* 서브메뉴 영역*/
.warp ul ul{display:none;list-style:none;}
.warpulli:hover ul{
display:block; width:100px; height:25px;
position:absolute; left:-40px; top:30px;
}
.warp li li{width:100px; height:20px; text-align:center;}
.warp li li a{
display:block; width:100%; height:100%;
font:bold 12px/20px 맑은 고딕, arial; color:#4b8285; text-decoration:none;
}
.warp li li a:hover{
color:#336672; background:none; background:rgba(34,154,200,0.1);
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}
/styletable width=932 height=218 border=0 cellspacing=0 cellpadding=0
tr
td valign=top background=../images/top_bg_world.jpg align=right

div class=warp

ul
lia href=#VENTA World/a
ul
lia href=#에어워셔/a/li
lia href=#제품소개/a/li
lia href=#모델소개/a/li
lia href=#사용방법/a/li
lia href=#구매처/a/li
/ul
/li
lia href=#Story/a
ul
lia href=#히스토리/a/li
lia href=#테크놀러지/a/li
lia href=#세계의 벤타/a/li
/ul
/li

lia href=#Community/a
ul
lia href=#벤타소식/a/li
lia href=#벤타자료실/a/li
lia href=#사용후기/a/li
lia href=#벤츠타이벤트/a/li
lia href=#365이벤트/a/li
/ul
/li

lia href=#My VENTA/a
ul
lia href=#정품등록/a/li
lia href=#나의스케줄/a/li
/ul
/li

lia href=#Shop/a
ul
lia href=#벤타에어워셔/a/li
lia href=#소모품/a/li
lia href=#세트판매상품/a/li
/ul
/li
/ul
/div

/td
/tr
/table

신청하기