Problème avec un événement: hover dans ie7

Question

J'ai une carte avec plusieurs divs positionnés absolument sur la page. Chaque div a une image d'arrière-plan qui contient l'état normal et l'état hover dans un fichier. Lorsque l'utilisateur survole la div, l'image d'arrière-plan est censée décaler de 25 pixels. Dans ie7, l'image d'arrière-plan décale jusqu'à 25 pixels, mais elle déplace également vers la droite environ 20 pixels.

Voici le CSS:

#LosAngelesButton {position: absolute; top: 80px; left: 168px; background: url(../images/superNav/LosAngeles.png) no-repeat; height: 27px; width: 110px;} 
#LosAngelesButton a {display: block; height: 27px; width: 110px; text-indent: -99999em;} 
#LosAngelesButton a:hover {background: url(../images/superNav/LosAngeles.png) no-repeat 0 -25px;} 

Le problème montre que dans IE7. Aucune suggestion?

Answer 1

Je pense que vous avez ce problème dans d'autres navigateurs. vous avez défini l'image d'arrière-plan sur #LosAngelesButton et vous changez l'état lorsque vous placez le a dans cet élément quel qu'il soit. Je vous suggère de définir votre position d'origine sur un élément.

afficher le code HTML de ce LosAngelesButton et je peux vous donner un awnser plus précis