Porque en IE 7 si y en IE 6 no?

[useraul]

hola amigos, estoy pintando un div la posar el mouse sobre el con este codigo:

div.detalleEmpleado:hover
{
width: 200px;
height: 79px;
cursor:auto;
background:#F49018;
color: #fff;
}

En IE 7 y en Firefox funcionan de maravilla, pero cdo lo veo en el IE 6 no pasa nada.

Estara faltando algo?


Gracias por su ayuda.

Saludos

[David]

La pseudoclase :hover no funciona para IE6 en nada que no sea un enlace (<a>)

[useraul]

y hay alguna solucion, algo rapido espero no absurdo, poner <a href=#> <div>...</div></a> o como puedo dar solucion a este problema???

Gracias David

[David]

La única solución para Internet Explorer 6 creo que sería usar Javascript para el efecto.

[kseso?]

Voy a llevarle la contraria a David (antes EL GRANDE)

Código css:

.detalleEmpleado
{
width: 200px;
height: 79px;
}
.detalleEmpleado a {
display: block;
width: 200px;
height: 79px;
color: /*tu color*/
}
.detalleEmpleado a:hover {
background:#F49018;
color: #fff;
}
 

Código html:

<div class="detalleEmpleado">
<a href="#" .....>Tu enlace</a>
</div>
 

Espero te sirva