Вот html
Код:
<div id="month"> * *****
****<ul id="monthList">
 *<li class="first">[Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *<li class="last">[Только зарегистрированные пользователи могут видеть ссылки. ]
****[/list]
</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&#39;е все выглядит как задумано. А в опере и ie ссылка последнего элемента от чего-то толи покрывает весь список толи растягивается на ширину контейнера, хотя и написано вроде бы все корректно...
Вопрос: как с этим бороться и что все это значит?