Hola a todos/as,
Tengo un problema con mi archivo CSS y el Navegador Mozilla.
Este es el trozo de código que no funciona bien en este navegador:
.btnMenu {
FONT-SIZE: 15px;
BACKGROUND-IMAGE: url(../img/Space/sepmenu.jpg);
WIDTH: 98px;
PADDING-TOP: 1px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Arial;
HEIGHT: 21px;
BACKGROUND-COLOR: #e6e6aa;
TEXT-ALIGN: center;
text-color: black
}
.btnMenu:hover {
WIDTH: 98px;
HEIGHT: 21px;
BACKGROUND-COLOR: #fbfbe0;
text-color: black
}
Se trata de una clase que tengo en el CSS. En el Explorer funciona bien y se ve a las mil maravillas pero en Mozilla no es así. Los botones del menú de la web aparecen encogidos y no se respeta el ancho y alto especificado en el código para cada objeto btnMenu.
La llamada desde el html a cada botón del Menú es:
<TD><A class=btnMenu href="empresa.php?logo=1">Empresa </A></TD>
<TD><A class=btnMenu href="catalogo.php?logo=2">Catálogo </A></TD>
<TD><A class=btnMenu href="pedidos.php?logo=3">Pedidos</A></TD>
etc....
¿Por qué no funciona bien el width y height del css en Mozilla?... Pensaba que estas 2 especificaciones eran bastante generales y comunes a todos los navegadores.... ¿Cómo podría resolverlo?.
La web es
www.suresdata.es por si alguien quiere ver el resultado. Aquí se pueden observar las diferencias entre Explorer y Mozilla nada más saltar el flash inicial.