Problema con menu en firefox

[elbecerro]

Hola, te recomiendo que instales la extensión web developer para firefox si es que no la tienes intalada ya.

Usándola puedes editar tu css y ver el resultado en tiempo real. Yo conseguí (creo) lo que pretendes con este código:

#content{
line-height:25px;
}
.clase1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding-left: 30pt;
color:#fff;
background-color: #79C93C;
display:block;
height: 18px;
width: 234px;
}
.clase2 a, .clase2 a:visited{
text-decoration: none;
padding-left: 30pt;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
width: 234px;
}

.clase2 a:hover{
background-color: #79C93C;
display:block;
}

Eso sí, tendrás que darle altura a ese td... y deberías considerar abandonar las tablas y diseñar con estándares.


Un saludo.