hola, hace unos dias me dispuse a hacer una web combinando capas/tablas y css, y suando el ie para verla. En una parte de la web hay una lista contenida en una celda de tamaño fijo (de estas que cuando pasas el raton se iluminan).
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:
<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>
el código css es:
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
