text-decoration no funciona en Internet Explorer 7

[canariozgz]

Hola amigos tengo este codigo html

<div class="menu">
<div class="separador " >&nbsp;</div>
<div class="menuItem">
<a href="">Historia</a>
</div>
<div class="separador " >&nbsp;</div>
</div>

En una barrita de menu y luego voy a meter en cada div un enlace

tengo estos estilos

.menu{
background-image:url(../imagenes/fondo_menu.png);
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:40px;

}


.menu a{
color:#FFFFFF;
text-decoration:none;
}

.menu a:hover{
text-decoration:underline;
}

el caso es que en firefox los enlaces se me ven en blanco y al pasar el raton por encima se subrayan pero en IE7 no se me subrayan y no manera donde esta el problema?

gracias

[kseso?]

Con tan poco código es difícl, pero quizás tengas un problema de herencias, así que prueba a ser más específico:

.menu .menuItem a {
color:#FFFFFF;
text-decoration:none;
}

.menu .menuItem a:hover {
text-decoration:underline;
}

[Calizman]

Ese problema siempre lo tenia yo, pero era porque metia los codigos desordenados! como dice kseso?

Recuerda siempre que el orden es:

Primero: "a:link"
Segundo: "a:active"
Tercero: "a:visited"
Cuarto: "a:hover"

posiblemente sea eso...

[Mikmoro]

Iniciado por CaLiZzZ

Primero: "a:link"
Segundo: "a:active"
Tercero: "a:visited"
Cuarto: "a:hover"

Cuidadito: recuerda el truquillo "love and Hate", es decir:

Primero: "a:link"
Segundo: "a:visited"
Tercero: "a:hover"
Cuarto: "a:active"