He estado haciendo una lista (ul) de forma horizontal, pero me ha surgido un pequeño problema con IE(el 5 por lo menos, en otros no he probado)
Esto es lo que tengo:
*CSS
div#caja ul{
margin:0px;
padding:0px;
}
div#caja li{
list-style-type:none;
padding-left:15px;
}
*HTML
<div ="caja">
<ul>
<li>menu</li>
<li>menu2</li>
<li>menu3</li>
</ul>
</div>
En firefox y opera no tengo problemas, ya que la lista aparece horizontal, y cada elemento de la lista separado por 15px (padding-left)
El problemilla es en internet explorer 5 (no he probado en otras versiones), porque los elementos de la lista no toman el padding-left de 15px y aparecen juntitos, uno al lado del otro.
¿hay alguna forma en que los elementos de la llista esten mas separados uno del otro?
En firefox y opera (las caritas representan espacios en blanco):
menu1
menu2 menu3
En IE:
menu1menu2menu3