Die Lösung ist eigentlich ganz einfach.
Der IE unterstützt :hover nur bei Links, also beim <a>-Tag. Deswegen pack man in das div/span einfach einen Link ein und passt die Eigenschaften dieses Links so an, dass der gewünschte Effekt eintritt. Oder aber IE-Benutzer müssen halt markieren

Javascript halte ich hier für unnötig. (Zumal das unnötig die Funktionsweise einschränkt - wenn JS deaktiviert ist)
...