크롬에서 메뉴가 짤려서 나오는 문제입니다.

#topArea {position:relative; padding:3px 0px 0px 0px; display: block; overflow: visible; z-index:100; clear:both;position:relative;margin:0 auto;}

ul.mainmenu{ clear:both; height:43px; position:relative; margin:0px 0px 0px 0px; }
ul.mainmenu li{ display:inline}
ul.mainmenu li a{float:left;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:0px; line-height:0px; text-indent:-999px; overflow:hidden; height:43px; display:block; background:url(/2landbar.gif) no-repeat 0px 0px}
ul.mainmenu li.l1 a{ background-position:-1px 0px; width:78px}
ul.mainmenu li.l2 a{ background-position:-78px 0px;width:55px}
ul.mainmenu li.l3 a{ background-position:-133px 0px;width:54px}
ul.mainmenu li.l4 a{ background-position:-187px 0px;width:66px}
ul.mainmenu li.l5 a{ background-position:-253px 0px; width:88px}
ul.mainmenu li.l6 a{ background-position:-341px 0px;width:88px}
ul.mainmenu li.l7 a{ background-position:-429px 0px;width:86px}
ul.mainmenu li.l8 a{ background-position:-515px 0px;width:110px}
ul.mainmenu li.l9 a{ background-position:-625px 0px;width:76px}
ul.mainmenu li.20 a{ background-position:-701px 0px;width:76px}
ul.mainmenu li.21 a{ background-position:-777px 0px;width:85px}
ul.mainmenu li.22 a{ background-position:-862px 0px;width:118px}

ul.mainmenu li.l1 a:hover{ background-position:-1px -58px; }
ul.mainmenu li.l2 a:hover{ background-position:-78px -58px;}
ul.mainmenu li.l3 a:hover{ background-position:-133px -58px;}
ul.mainmenu li.l4 a:hover{ background-position:-187px -58px;}
ul.mainmenu li.l5 a:hover{ background-position:-253px -58px;}
ul.mainmenu li.l6 a:hover{ background-position:-341px -58px;}
ul.mainmenu li.l7 a:hover{ background-position:-429px -58px}
ul.mainmenu li.l8 a:hover{ background-position:-515px -58px;}
ul.mainmenu li.l9 a:hover{ background-position:-625px -58px;}
ul.mainmenu li.20 a:hover{ background-position:-701px -58px;}
ul.mainmenu li.21 a:hover{ background-position:-777px -58px;}

----------------------------------- css ------------------------------------

아래가 메뉴바인데요.
전체가 다 나와야 하는데, 단독주택까지만 나오고 그 이후로는 나오지 않네요.
익스플로러8에서는 잘나오는데.. 조언 좀 부탁드립니다.



<div id="topArea">
<ul class="mainmenu">
<li class="l1"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1" title="전체보기">전체보기</a></li>
<li class="l2"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=원 룸" title="원룸">원룸</a></li>
<li class="l3"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=투 룸" title="투룸">투룸</a></li>
<li class="l4"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%BE%C6%C6%C4%C6%AE%A1%A4%C1%D6%BB%F3%BA%B9%C7%D5" title="아파트">아파트</a></li>
<li class="l5"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%BA%F4%B6%F3%A1%A4%BF%AC%B8%B3" title="빌라/연립">빌라/연립</a></li>
<li class="l6"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%BB%F3%B0%A1%A1%A4%C1%A1%C6%F7" title="상가/점포">상가/점포</a></li>
<li class="l7"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%C5%E4%C1%F6%A1%A4%C0%D3%BE%DF" title="토지/임야">토지/임야</a></li>
<li class="l8"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%C0%FC%BF%F8%A1%A4%B3%F3%B0%A1%C1%D6%C5%C3" title="전원/농가주택">전원/농가주택</a></li>
<li class="l9"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=%B4%DC%B5%B6%C1%D6%C5%C3" title="단독주택">단독주택</a></li>
<li class="20"><a href="<?=$g4[bbs_path]?>/board.php?bo_table=land&jinsung=1&type=상가주택" title="상가주택">상가주택</a></li>
<li class="21"><a href="javascript:group_more();" title="더보기">더보기</a></li>
<li class="22"><a href="<?=$g4[path]?>/rlist.php" title="중개업소찾기">중개업소찾기</a></li>
</ul>
</div>