Webdesign mit (X)HTML und CSS

Gemäß Spezifikation können dynamische Pseudoklassen auf alle Elemente angewandt werden. Der IE kann sie jedoch nur bei a-Elementen umsetzen, die das href-Attribut aufweisen.

1. li:hover {background-color:red;}
2. a:hover {background-color:green}

Die erste Angabe wird vom IE < 7 ignoriert. Ab Version 7 gehen die IEs (im Standard-Modus!) mit :hover korrekt um.

Wenn bei :hover eine Änderung an einem Nachfahrenelement vorgenommen werden soll (z.B. a:hover span {}), dann braucht der IE zusätzlich bestimmte Angaben für a:hover. Zuverlässig hilft a:hover {border:none}.

Weitere Information zu diesem Fehler: Pure CSS Popups Bug Note und IE Pure CSS Pop Ups Bug