15/02/2009, 17:53
|
| | | Fecha de Ingreso: mayo-2008 Ubicación: En algun lado!
Mensajes: 86
Antigüedad: 16 años, 8 meses Puntos: 1 | |
| Respuesta: Problema con Firefox
Proba con "line-height" para que te lo alinee verticalemente en firefox ;)
Te quedaria una cosa asi
.menu .elemento {
display: block;
height: 40px;
line-height: 40px;
width: 165px;
vertical-align: middle;
background-image: url(../images/menu_bg.jpg);
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
text-align: right;
padding-right: 5px;
}
.menu .elemento:hover {
display: block;
line-height: 40px;
height: 40px;
width: 165px;
background-image: url(../images/menu_bg_hov.jpg);
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
text-align: right;
padding-right: 5px;
}
Por otro lado, deberias verificar primero en Firefox, ya que el que esta lleno de bugs es el Internet Explorer y no el Firefox.
Saludos ;)
PD: el estilo del border bottom podrias agruparlo todo en uno asi
border-bottom: 1px dotted #FFFFFF;
Solo para que quede mas limpio el CSS :) |