estoy haciendo una pagina en css, el problema esta en un div de navegacion que se encuentra en float left, el caso es que iexplorer se vizualiza correctamente, pero firefox no respeta un "height: 25px" intente el "!important", pero nada.
Por tanto se ve desalineado en un navegador...
halle una especie de solucion...usar un "display:block" para que de esta manera todo el texto (en ambos navegadores) quede a la misma altura, y luego le puse un "padding-bottom:-19px"...... aunque se que no es lo correcto, por eso me gustaria saber cual es el error de mi codigo css:(este es el codigo donde no aplico el truco,es decir el error nato.)
/*Build*/
#navigation {float: left;width: 10em;height: 20em}
#content {margin: 0 0 0 10em;width: auto; background: url('../Elegant/images/banner.jpg') no-repeat top; height:600px;}
#footer {clear: left}
/*Links*/
#navigation a:link, #navigation a:active, #navigation a:visited{
background: url('../Elegant/images/button-el.jpg') no-repeat;
padding-left: 30px;
padding-top: 5px;
font-family: tahoma;
font-weight: bold;
font-size: 12px;
color: #666666;
height: 25px !important;
width: 160px ;
text-decoration: none;
}
#navigation a:hover {
background-position: 0px -25px;
text-decoration: none;
color: #000000;
}
#navigation p{
font-family: arial narrow;
font-size: 14px;
color:666666}
esta es la direccion para que vean como firefox no respeta el height:
http://www.geocities.com/thewebm/Elegant-css.htm
Gracias