Проблемное CSS меню

[Name]

Добрый день!

Прошу помочь решить проблему отображения меню.

В Chrome, Firefox и даже в IE! работает нормально:

Но в Опере:

Сам никак не могу разобраться в чем дело...

HTML:

Спойлер

<div id="head">

<table width="980">
<tr>
<td align="center" valign="top">

<div id="logo"></div>

<div id="top_menu">
<ul class="top_menu">
<li class="top_menu_l"><img src="css/img/menu/home.png" class="icon" align="middle" /><a class="top_menu" href="index.php" title="Главная">Главная</a></li>
<li class="top_menu"><img src="css/img/menu/photo.png" class="icon" align="middle" /><a class="top_menu" href="photo.php" title="Фотоархив">Фотоархив</a></li>
<li class="top_menu"><img src="css/img/menu/blog.png" class="icon" align="middle" /><a class="top_menu" href="blog.php" title="Блог">Блог</a></li>
<li class="top_menu"><img src="css/img/menu/contact.png" class="icon" align="middle" /><a class="top_menu" href="contact.php" title="Контакты">Контакты</a></li>
<li class="top_menu"><img src="css/img/menu/chat.png" class="icon" align="middle" /><a class="top_menu" href="http://kiwi.getbb.ru/" title="Форум" target="_blank">Форум</a></li>
</ul>
</div>

</td>
</tr>
</table>
</div>

<div id="sub_menu">
<ul class="sub_menu">
<li class="sub_menu"><a href="lifestyle/index.php" class="sub_menu" title="">Ссылка 1</a></li>
<li class="sub_menu"><a href="career/index.php" class="sub_menu" title="">Ссылка 2</a></li>
<li class="sub_menu"><a href="sex/index.php" class="sub_menu" title="">Ссылка 3</a> 3</li>
<li class="sub_menu"><a href="top11/index.php" class="sub_menu" title="">Ссылка 4</a></li>
<li class="sub_menu"><a href="mix/index.php" class="sub_menu" title="">Ссылка 5</a></li>
</ul>
</div>

<div id="top_frame">
</div>

CSS:

Спойлер

#head {width: 980px;
z-index: 1;
position: relative;
top: 20px;}

#logo {width: 240px; height: 100px;
margin-: 0px; padding: 0;
float: left;}

#top_menu {width: 650px; height: 100px;
margin: 0px; padding: 0;
float: right;}

#sub_menu {width: 980px; height: 35px;
text-align: center;
position: relative;
top: 10px; z-index: 2;}

#top_frame {width: 980px; height: 30px;
background-image: url('img/top_frame.png');
margin: 0 auto;
z-index: 3;
position: relative;}

ul.top_menu {list-style: none;
text-align: right;
margin-top: 40px;
margin-right: 10px;
padding: 0px;}

li.top_menu {display: inline;
margin-left: 25px;}

li.top_menu_l {display: inline;
margin-left: 0px;}


ul.sub_menu {list-style: none;
margin-top: 0px;
margin-right: 45px;
padding:0;
float: right;}

li.sub_menu {display: block;
margin: 0 2 0 2;
text-align: center;
padding-top: 5px;
width: 100px; height: 35px;
background-image: url('img/btn.png');
float: left;}

 

[tjrus]

есть линка в инете где можно поковырять c Firebug?

для начала я бы попробовал еще подобавлять свойство overflow:hidden к элементам с фиксированной высотой.

а вобще - если даш линку - смогу найти багу

 

[Name]

Сайт на локальном сервере. Могу скинуть IP в личку.

 

[tjrus]

Сайт на локальном сервере. Могу скинуть IP в личку.

кидайте

получил ip.
допиши в стили элемента #sub_menu свойство overflow:hidden; - у меня это решило проблему

 

[Name]

Сейчас попробую...

Действительно помогло, спасибо! Честно говоря, сам бы в жизни не догадался.