Menu horizontal que en IE7 sale mal.

[gunther]

bueno como raro lo peor de internet.. IE.. molestando

tengon menu horizontal en todos los navegadores se ve bien, pero en IE7 el primer elemento del menu se ve unos pixeles mas abajo del resto..

este es el codigo.

Código CSS:

#navegacion {
float:left;  
margin: 0px 0px 0px 0px;
}
    
#navegacion ul {
display:inline; 
}   
             
#navegacion li {
float:left; 
list-style:none;  
margin: 0px 0px 0px 24px; 
}
             
#navegacion li a {
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:bold; 
color:#FFFFFF;
}
 
#navegacion li a:hover {color:#FEC13E}
 

y este el menu

Código HTML:

<div id="navegacion">
<ul>
  <li> <a href="<?=base_url()?>">Home</a></li>
  <li> <a href="<?=base_url()?>home/registro">Registro </a></li>
  <li> <a href="<?=base_url()?>publicar/comopublicar">Como publicar? </a></li>
  <li> <a href="<?=base_url()?>home/servicios">Servicios </a></li>
  <li> <a href="<?=base_url()?>informacion/ayuda">Ayuda </a></li>
</ul>
</div>
 

el div "navegacion lo uso para posicionar el menu.."

y asi se ve en IE.. en FF y el resto se ven alineados.