menu con links se desarma en IE

hola buenas

tengo un menu generado con .cs
el codigo del menu es asi

Código :

<div id="menu">
<ul id="menucabezal">
<li><a href="#">inicio</a></li>
<li><a href="#">noticias</a></li>
<li><a href="#">lineamientos generales</a></li>
<li><a href="#">temas del mes</a></li>
<li><a href="#">equipos</a></li>
<li><a href="#">contactenos</a></li>
</ul>
</div>

en el css defini los estilos asi

Código :

#menu {
position:absolute;
top:103px;
left:0;
height:32px;
width:720px;
left:40px;
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
}
#menucabezal {  
   list-style:none;
   margin:0;
   padding:0;
   font-size:1.2em;
}
#menucabezal li a{
   padding:2px;
   padding-left:19px;
   padding-right:19px;
   margin-top:5px;
   float:left;
   border-right:#FFFFFF 2px solid;
   text-decoration:none;
   text-align:center;
   display:block;
}
#menucabezal li a:hover {
font-weight:bold;
}

en firefox y demas navegadores se ve bien asi


en IE lo veo asi


como puedo arreglarlo para que se vea bien en IE?

gracias
sldos alejandro

yo lo haría así:

Código :

#menucabezal li{
   float:left;
   padding:2px 19px;
   margin-top:5px;
   border-right:#FFFFFF 2px solid;
   text-align:center;
   display:block;
 }
#menucabezal li a{
   text-decoration:none;
}

muchas gracias con eso a quedado solucionado