Вот html
Код:
<div id="month">
<ul id="monthList">
<li class="first"><a href="#">Весь год</a></li>
<li><a href="#">Январь</a></li>
<li><a href="#">Февраль</a></li>
<li><a href="#">Март</a></li>
<li><a href="#">Апрель</a></li>
<li><a href="#">Май</a></li>
<li><a href="#">Июнь</a></li>
<li><a href="#">Июль</a></li>
<li><a href="#">Август</a></li>
<li><a href="#">Сентябрь</a></li>
<li><a href="#">Октябрь</a></li>
<li><a href="#">Ноябрь</a></li>
<li class="last"><a href="#">Декабрь</a></li>
</ul>
</div>
А Вот CSS к нему
Код:
ul#monthList {
width: 809px;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
ul#monthList li {
float: left;
}
ul#monthList li a {
display: block;
font: normal normal bold 9px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-right: 1px dotted Black;
border-bottom: 2px solid #AB2800;
color: Black;
text-decoration: none;
padding: 3px 6px 3px 6px;
}
ul#monthList li.last {
float: none;
}
ul#monthList li.last a {
border-right: none;
}
ul#monthList li a:hover {
background-color: #AB2800;
color: White;
text-decoration: none;
}
В Mozill'е все выглядит как задумано. А в опере и ie ссылка последнего элемента от чего-то толи покрывает весь список толи растягивается на ширину контейнера, хотя и написано вроде бы все корректно...
Вопрос: как с этим бороться и что все это значит?