En ie se ve perfectamente:
El problema es cuando lo paso a firefox, que me queda un resultado tal que asi:
Alguien sabe a que se puede deber esto? el código utilizado en la lista es:
Código:
el código css es:<div id="navcontainer"> <h3>hola</h3> <ul> <li><a href="#"><b><font color="#3D5BAB">.:</font></b> uno</a></li> <li><a href="#"><b><font color="#3D5BAB">.:</font></b> dos</a></li> <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li> <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li> <li><a href="#"><b><font color="#3D5BAB">.:</font></b> tres</a></li> </ul> </div>
Código:
#navcontainer { width: 150px; font-family:arial; font-size:14px; margin-top: 10px; } #navcontainer h3 { text-indent:5px; background-image: url(img/13.jpg); background-repeat: repeat-x; color:#fff; font-size:14px; height:24px; line-height:24px; width:149; font-style:normal; background-color: #25496C; padding: 0px, 30px, 0px, 0px; margin: 0px, 0px, 0px, 2px; float:right; clear:both; } #navcontainer ul { text-indent:10px; list-style-type:none; margin:1px 0px 0px 0px; padding:0px 0px 0px 0px; } #navcontainer li { margin: 0 0 1px 0}; #navcontainer a { display: block; width: 150px; color: #5A6878; background-color: #B3C7DC; text-decoration: none; } #navcontainer a:hover { color: #fff; background-color: #7B8B9D; text-decoration: none; }
Gracias de antemano