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

