css Listas

Buenos Días.

Tengo un problemas a la hora de elaborar una lista a modo de menu.

#cabecera_menu ul {
list-style-type: none;
width: 455px;
height: 42px;
margin: 0px;
padding: 0px;
}

#cabecera_menu ul li {
height: 42px;
display: inline;
}

en firefox se ve perfecto un elemento debajo del otro sin huecos en blanco.

pero en IE me deja un pixel blanco por arriba y otro por abajo de cada elemento y no se porque

Un saludo y gracias

pone asi

Código :

#cabecera_menu ul {
list-style-type: none;
width: 455px;
height: 42px;
margin: 0px;
padding: 0px;
}

#cabecera_menu ul li {
margin:0;
padding:0;
height: 42px;
display: inline;
}

si dentro del li tenes una etiqueta p o h1 o h2, etc... tmb tendrias q poner esto

Código :

#cabecera_menu ul li p {
margin:0;
padding:0;
}

salu2
=p

dentro del li lo que tengo es

<div id="cabecera_menu">
<ul>
<li><img src="images/menu_boton_1.gif" width="91" height="42" border="0" /></li>
<li><img src="images/menu_boton_2.gif" width="91" height="42" border="0" /></li>
<li><img src="images/menu_boton_3.gif" width="64" height="42" border="0" /></li>
<li><img src="images/menu_boton_4.gif" width="98" height="42" border="0" /></li>
<li><img src="images/menu_boton_5.gif" width="110" height="42" border="0" /></li>
</ul>
</div>

El problema es que estas usando imagenes. En IE crea un margen que no se puede quitar a menos que esten completamente juntas digamos <img /><img /><img /> (no estoy seguro, pero creo que en otros navegadores también pasa, que alguien me refresque la memoria por favor).

¿Entonces qué puedes hacer? Fácil, haz lo que enseñó Ramm en su tutorial de Crear menus de navegación en CSS usando listas (casi al final).

PD: ¿Podrias poner un enlace para ver ese problema que tienes? Me ha llamado mucho la atención.

proba poniendo

Código :

#cabecera_menu ul li img {
margin:0;
padding:0;
}

No es mala idea q pongas un ejemplo para poder verlo como dice the_OLD_JP

Y si pruebas con

#cabecera_menu ul li img{
margin:0;
font-size:0;
}
Al parecer son valores por defecto de cada navegador...

Tambien como menciona Old_JP puedes mirar el tutorial sobre el uso de imagenes cuando se trabaja con listas y CSS ya que ahi no estarias mostrando un codigo mejor estructurado (por decir semantico)...

Salu2

Ooops sorry al parecer posteamos al mismo tiempo (QUE VIVA EL ENTUSIASMO POR LA AYUDA AL PROJIMO )

Hola ktavir pues no se como estes manejando tu diseño, pero me imagino que si es un menu las imagenes serán los vinculos a si que te recomendaria que trabajaras sobre los a a:hover y a:link

Gracias a todos por vuestra ayuda. He salido pozo.