Mouseover-Effekt bei geschachteltem <div> funktioniert nicht!

[Der Martin]

Hallo,

Here you are!

ich würde auf den ersten Blick mal sagen, das Problem liegt an diesen zwei Stellen:

div a div:hover  
 {  
   ....  
 }

<a href="yadgar-d.html"><div style="top:10px">Yadgar kompakt</div></a>

Ein a-Element darf nur inline-Elemente oder reinen Text enthalten, aber keine Blockelemente. Vermutlich korrigiert der Firefox das intern automatisch, so dass das a-Element mit dem öffnenden div-Tag automatisch geschlossen wird und somit keinen Inhalt hat. Und dann gibt es natürlich auch kein Element mehr, auf das der CSS-Selektor passen würde.

Die entscheidende Frage ist: Was hat das div-Element innerhalb von a für einen Sinn? Sinnvoller wäre es doch, das a-Element mit display:block selbst zum Blockelement zu machen und entsprechend zu formatieren.

So long,
 Martin