#div:hover en IE6

[Joni2Back]

Hola amigos, les cuento que habia empezado una web con unos botones que cambiaban de forma al pasar el mouse por encima
esto lo habia hecho en java pero los estandares web no me lo permitian

Asi que opte por hacerlo en css entonces me quedo algo asi

Código CSS:

div#contacto,#contacto:visited{
width: 343px;
height: 107px;
background: url('../images/botones/contacto.png');
background-position:  center center;
background-repeat: no-repeat; }
 
div#contacto:hover{
width: 343px;
height: 107px;
background: url('../images/botones/contacto_hover.png');
background-position:  center center;
background-repeat: no-repeat; }
 

Hasta ahi todo perfecto si lo visualizaba en firefox/opera/safari
El problema esta en el crossbrowser con IE6, ya que no me cambia la imagen al pasar el mouse por encima!

Existe algun hack o metodo para que tambien funcione en IE6 siempre que sea dentro de los estandares xhtml ?

Saludos

[gVenom]

Aqui explican como se hace, esta en ingles.

[Joni2Back]

Genial ! gracias
ya lo pude resolver con ese link que me pasaste
el problema era que yo usaba

Código HTML:

<a href="#"><div id="contacto"></div></a>
 

En cambio la forma correcta era al revez

Código HTML:

<div id="contacto"><a href="#"></a></div>
 

Saludos