묻고답하기
탑메뉴가 왼편으로 몰리는데요.. CSS쩜 봐주세요.
2009.07.12 16:26
탑메뉴가 IE8에서 왼편으로 몰려서 보이는 현상을 아래의 CSS 에서 어디를 고치면 되는지요?
도움부탁드립니다.
--------------- CSS 에서 TOP 부분---------------------
#top {position:relative; padding:2px 0 0; background:#E5E5E5; margin-bottom:15px; z-index:1004;}
#top .menu {position:absolute; float:right; top:2px; right:5px;}
#top .menu li {display:inline; padding:0 .2em 0 .5em; background:url(../images/vrType1.gif) no-repeat left center;}
#top .menu li.first-child {background:none;}
#top .menu li a {text-decoration:none; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#666666;}
#top .menu li a:hover,
#top .menu li a:focus {color:#000000; text-decoration:underline;}
----------------- 레이아웃html 중에 top부분 ------------------------
<div id="bodyWrap2">
<div id="top">
<div id="language">
<strong title="{$lang_type}">{$lang_supported[$lang_type]}</strong> <a href="#selectLang" onclick="showHide('selectLang');return false;"><img src="./images/buttonLang.gif" alt="Select Language" width="87" height="15" /></a>
<ul id="selectLang">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li><a href="#" onclick="doChangeLangType('{$key}');return false;">{$val}</a></li>
<!--@end--><!--@end-->
</ul>
</div>
<ul class="menu">
{@ $tm = 1}
<!--@foreach($top_menu->list as $key => $val)-->
<li<!--@if($tm==1)--> class="first-child"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<{@$tm++}
<!--@end-->
</ul>
<div style="clear:both"></div>
</div>