탑메뉴가 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>