Css Menü İE Uyumu

Merhaba arkadaşlar elimde böyle bir sade css menü var firefoxta sorunsuz çalışıyor genişlik olsun kalınlık olsun düzgün fakat İnternet Explorerda kalınlık çok fazla bunu nasıl düzeltebilirim?İmzamdaki siteye İE Tarayıcıda bakarsanız menünün bozuk halini görebilirsiniz.

Css Kodu:
.menu {
background-color: #707070;
margin: 0px auto 0px auto;
padding-left: 0px;
text-align: left;
}
.menu ul {
display: inline;
width: 860px;
}
.menu li {
color: #ccc;
padding: 5px;
margin: 0px;
float: right;
list-style-type: none;
list-style-position: inside;
font-weight: bold;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.menu ul li a{
color: #fff;
}
.menu ul li a:hover{
color: #ccc;
}
.menu li:hover {
color: #FFFFFF;
}

#menu {
padding: 5px 5px 5px 5px;
}