Error CSS en internet explorer

Tengo un problemilla con una css y es algo bastante ilógico y me esta trayendo bastante quebraderos de cabeza.

.opcion:hover{
background-color:#8DFFFF;
}

Resulta que al pasar por encima del menu , se cambia de color , hasta ahi bien , pero solo funciona bien en firefox y IE8. Si quito el color de fondo , todo funciona perfectamente , si lo pongo , en IE se mueve la capa como 50px a la izq sólo al pasar por encima. No tiene sentido , sólo es un color de fondo , y me esta volviendo loco xDD . Alguna solucion? No funciona los -50px de margen/padding para intentar apañarlo [buuuaaaa]
Si no recuerdo mal el IE6 se llevaba un poco mal con los hover. Haz un fix para esa clase o busca algun javascript para que se te vea el color.

Yo tengo un menu desplegable (li y eso) y en IE7 no se ve, tengo que buscar algun javascript.
ie6 siempre trae quebraderos de cabeza.
problemas con el :hover exactamente no he tenido, pero bueno, yo aprendí css con estos libros, el de css avanzado dicen algunos fix y son gratuitos
2 respuestas