[Xook]

Помогите разобраться с меню под ие6 на сайте fmnenie.ru .
Например в фф и опере оно выглядит как задумывалось, но в ие6 выглядит не так. Код меню:

<table cellpadding="0" cellspacing="0" border="0">
<tr><td class="menu"> 
<a href="page-index.htm" title="о сайте">О сайте</a>  
<a href="/news.htm" title="новости">Новости</a>  
<a href="page-osoboe_mnenie.htm" title="особое мнение">Особое мнение</a> 
<a href="/index.php?modules=news&act=archive" title="архив новостей">Архив новостей</a>
<a href="page-links.htm" title="ссылки">Ссылки</a>
<a href="page-gor_tochki.htm" title="горячие точки">Горячие точки</a>
<a href="/" title="разное">Разное</a>
</td></tr>

</table>

КСС:

/* Menu */

td.menu a {
background: url(img/menu2.gif);
background-color: #2f8730;
font-size: 12px;
width: 135px;
height: 21px;
display: block;
text-decoration: none;
padding: 5px 0px 0px 35px;
color: #ffffff;
margin-bottom: 1px;
}

td.menu a:visited {
background: url(img/menu2.gif);
background-color: #2f8730;
font-size: 12px;
width: 135px;
height: 21px;
display: block;
text-decoration: none;
padding: 5px 0px 0px 35px;
color: #ffffff;
margin-bottom: 1px;
}

td.menu a:hover {
background: url(img/menu1.gif);
background-color: #ff6600;
text-decoration: none;
font-size: 12px;
}

a.menu:link, a.menu:visited, a.menu:hover {color: #FFFFFF; text-decoration: none;}

[Scroll]

Проверил, в ИЕ6 и Опере выглядят почти идентично. В чем проявляется некорректность отображения в ИЕ?

[Xook]

в ие6 пунктам меню по ширине не хватает пикселей 50. выглядит коряво. в опере - как надо.

[Aldes]

Xook, у вас в стиле (http://fmnenie.ru/themes/lenvo/style.css) прописано:

td.menu a (line 90)
{
background-image: url(img/menu2.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-color: #2f8730;
font-size: 12px;
width: 135px;
height: 21px;
display: block;
text-decoration: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 35px;
color: #ffffff;
margin-bottom: 1px;
}

td.menu a:visited (line 103)
{
background-image: url(img/menu2.gif);
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-color: #2f8730;
font-size: 12px;
width: 135px;
height: 21px;
display: block;
text-decoration: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 35px;
color: #ffffff;
margin-bottom: 1px;
}

чему удивляемся? width: 135px;

[Apologet]

FF разве этот параметр по другому читает?

[Xook]

с шириной как-то странно получается. фф, хром и опера ширину делают 170 пикселей...

[Xook]

просто ие когда считает ширину прибавляет паддинги. другие браузеры этого не делают. как это можно обойти?

[Xook]

кому интересно помогло вот это:

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="themes/lenvo/ie6.css" /><![endif]-->