Проблема в меню. При наведении элемент меню меняет цвет. в файрфокс все отлично. в опере и интернет експлорере - последний элемент меню не вмещается почему-то.и съезжает на следующую строку. что может быть не так? почему такая разница?






[CSS]@charset "utf-8";
#content
{
overflow:hidden;
}
body {
background-color: #FFF;
padding:0;
margin:0;
}
/*Контэйнер*/
.container
{
width:985px;
margin:0 auto 0;
min-width:900px;
max-width:1000px;
}
/*Верхняя часть*/
.header
{
width:auto;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
height:200px;
background-color:#DDF1F9;
border-left:1px solid #09F;
border-right:1px solid #09F;
border-top:1px solid #09F;
}
.header img
{
float:left;
width:195px;
margin:5px 0 0 5px;
border:none;
}
.header div img
{
float:right;
margin-top:5px;
margin-right:10px;
width: 269px;
height: 190px;

}
.header p
{
text-align:center;
text-transform:uppercase;
font:bold 20px Arial, Helvetica, sans-serif;
margin:0;
padding:20px 0 0 0;
color:#4078BD;
line-height:43px;
}
.ministerstvo
{
text-align:center;
font:bold 16px Arial, Helvetica, sans-serif;
color:#4078BD;
line-height:40px;
}
/*Меню*/
.menu
{
background-color: #B5D5FB;
height:35px;
width:auto;
display:block;
list-style:none;
margin:0;
padding:0;
position:relative;
font:bold 13px/35px Arial, Helvetica, sans-serif;
text-transform:uppercase;
-moz-border-radius: 0 0 15px 15px;
border-radius: 0 0 15px 15px;
border-bottom:1px solid #09F;
border-right:1px solid #09F;
border-left:1px solid #09F;
border-top:1px solid #09F;
z-index:998;
}
.menu li
{
float:left;
display:block;
position:relative;
margin:0;
padding:0;
}
.menu li a
{
display:block;
float:left;
text-decoration:none;
color:#1578E6;
padding:0 22px;
border-left:1px solid #09F;
}

.menu li:first-child a
{
-moz-border-radius: 0 0 0 15px;
border-radius: 0 0 0 15px;
border-left:none;
}
.menu li:last-child a
{
padding:0 24px;
-moz-border-radius: 0 0 15px 0;
border-radius: 0 0 15px 0;
}
.menu li a:hover
{
background-color:#DDF1F9;
color:#1578E6;
}
/*Подменю*/

.menu li:hover ul
{
display:block;
padding:0;
}
.menu ul
{
padding:0;
z-index:9999;
display:none;
list-style:none;
position:absolute;
text-transform:none;
border-top:1px solid #09F;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
/* следующие определения необходимы
только для IE (6 и 7) */
margin: 0; /* убираем отступы*/
left:0; /* иначе выпадающий список будет сдвинут
в сторону, относительно родительского элемента*/
top: 100%; /* чтобы выпадающий список отображался под
родительским, иначе родительский будет закрыт
первым элементом*/
}
.menu ul li
{
float:none;
margin:0;
padding:0;
}
.menu ul li a
{

color:#1578E6;
float:none;
background-color:#B5D5FB;
border-bottom:1px solid #09F;
border-left:1px solid #09F;
border-right:1px solid #09F;
border-top:none;
}
.menu ul li:first-child a
{
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
border-left:1px solid #09F;
}
.menu ul li:last-child a
{
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
border-right:1px solid #09F;
}
.menu ul li a:hover
{
background-color:#DDF1F9;
color:#1199EA;
}[/CSS]