div - Problem im Firefox

[Michael]

Hallo liebe Community!
Ich bin gerade dabei, mir den Prototyp eines Bewertungsformulars zusammenzubasteln.
Am besten schaut Ihr euch das mal selbst an: http://webbilder.piranho.de/bewertung.html

Dabei möchte ich, dass, je nachdem, welchen Stern man angeklickt hat, ein Link zu einer jeweils anderen Seite geöffnet wird. Außerdem sollen, wenn man mit der Maus z. B. den vierten Stern berührt, auch vier Sterne gehovert werden.

Ich habe das jetzt mit verschachtelten divs realisiert, über die jeweils ein Link mit einem transparenten Bild gelegt ist.
Im IE wird es auch so angezeigt, wie ich mir das vorstelle!
Im Firefox ist der Hover-Effekt aber verschoben und ich weiß nicht, woran das liegt! Mit margin und padding habe ich es schon versucht, hat aber nichts geholfen! Ich weiß nicht, wie ich es hinbekommen kann, dass es dort auch wie im IE dargestellt wird!

Ich bin mir wohl bewusst, dass ich das Ganze auch mit JavaScript lösen könnte, aber es muss doch auch eine reine CSS-Lösung geben!

Ich hoffe, dass Ihr mir helfen könnt!
Viele Grüße
Michael

[LX]

Warum verwendest Du überhaupt <imgs>, statt mit background-image zu arbeiten - damit ersparst Du Dir eine Menge Ärger.

Gruß, LX