수다닷컴

안녕하세요^^
지금 탑메뉴 html작업중인데 익스 8,9에서는 제대로 나오는데 익스 7에서만 1뎁스메뉴 밑에 2뎁스가 밀어나 버리네요
왜 이럴까요?ㅠ
파일 첨부가 안되서 소스를 올려봤습니다

2뎁스메뉴가 계속 늘어날수 있어서 width값을 주면 안되서요
아시는분 꼭 방법을 알려주세요

!-- header --
div id=header
!-- GNB --
div id=gnbWrap
div class=gnb
ul class=gnbArea
!-- Menu01 --
lia href=#Menu01/a
ul class=sMenuArea style=display:none;
lia href=# class=onsub01/a/li
lia href=#sub02/a/li
li class=lasta href=#sub03/a/li
/ul
/li
!-- //Menu01 --
!-- Menu02 --
li class=ona href=#Menu02/a
ul class=sMenuArea
lia href=#sub01/a/li
lia href=#sub02/a/li
li class=lasta href=#sub03/a/li
/ul
/li
!-- //Menu02 --
!-- Menu03 --
lia href=#Menu03/a
ul class=sMenuArea style=display:none;
lia href=#sub01/a/li
lia href=#sub02/a/li
lia href=#sub03/a/li
lia href=#sub04/a/li
li class=lasta href=#sub05/a/li
/ul
/li
!-- //Menu03 --

/ul
/div
/div
!-- //GNB --
/div
!-- //header --

css
#header .topInfo {position:relative; width:1228px; height:42px; overflow:hidden;}
#header h1 {position:absolute; left:18px; top:15px; font-size:0;}
#header dl&n {float:right; font:10px tahoma; color:#505050; padding-top:14px; overflow:hidden; padding-right:165px;}
#header dt,
#header dd {float:left;}
#header dd {padding:0 5px;}
#header .topBtn {position:absolute; right:0; top:11px; width:162px;}
#gnbWrap {background:url(../images/common/bg_gnbWrap.gif) repeat-x; height:64px; clear:both;}
.gnb {background:url(../images/common/bg_gnb.gif) no-repeat left top; overflow:hidden; width:1234px; position:relative; height:64px;}
.gnb ul {overflow:hidden;}
.gnb li {float:left; background:url(../images/common/line_gnb.gif) no-repeat right top;}
.gnb li a {color:#fff; font:13px arial; font-weight:bold; padding:11px 55px;}
.gnb li:hover a,
.gnb li.on a {text-decoration:none!important; background-color:#c8a585; padding:5px 45px 15px 45px; margin:9px 10px 0 10px; color:#fdf3d9;}
.gnb li a,
.gnb li:hover a,
.gnb li.on a {display:inline-block;}
.gnb li:hover,
.gnb a:hover {text-decoration:none!important;}
/* SubMenu */
.sMenuArea {position:absolute; top:42px; white-space:nowrap;}
.sMenuArea li {float:left; background:url(../images/common/line_s_gnb.gif) no-repeat right 3px!important;}
.sMenuArea li a {margin:0 !important; font:11px arial!important; color:#fff!important; padding:0 7px!important;; background:url(../images/common/line_s_gnb.gif) no-repeat right 3px;}
.sMenuArea li a:hover,
.sMenuArea li a.on {color:#c8a585!important; padding:0 7px!important; font-weight:bold!important; margin:0!important}
.sMenuArea .last,
.sMenuArea .last a:hover,
.sMenuArea .last a,
.sMenuArea .last a.on {background:none!important;}

신청하기