Onmouseover/Onmouseout Problem mit IFrame und DIV-Tag

  • Hi

    Ich habe 1 Problem, dass in 2 verschiedenen Varianten auf den folgenden Seiten auftritt (nur in Firefox, nicht im IE) :
    http://www.jens-dilger.de/news/tagebuch.html
    http://www.jens-dilger.de/bilder/bilder.html?5

    Und zwar wird beim überfahren der Bilder in der Navigationsleiste links mit onmouseover jeweils ein Submenü aufgeklappt (visibility wird auf visible gesetzt). Der relevante CSS-Code für die Untermenüs und die Links in den Untermenüs ist:


    (Z-Index ist gesetzt, um es nicht von anderen Elementen überlagern zu lassen)
    Bei einem onmouseout vom Untermenü wird die visibility wieder auf hidden gesetzt. Funktioniert soweit wunderbar.
    Klappt man jedoch auf der Tagebuchseite ein Untermenü über dem IFrame (großer Block unten rechts) auf, wird das onmouseout-Event geschaltet, sobald man über dem IFrame ist. Obwohl man noch sehr deutlich über dem Untermenü ist. Hier der schlichte Code des IFrames (z-index auf -1 setzen macht sogar das IFrame "unsichtbar", das Problem tritt aber trotzdem auf)

    Code
    <iframe src="diary/tagebuchstart.html" style="height:450px;width:100%;" name="textframe" frameborder="0"></iframe>


    Genau das gleiche auf der Bilder-Seite. Klappt man das Menü News auf, verschwindet das Submenü sobald man über der Div-Box mit den Vorschaubildern ist. Hier der Code des DIV-Tags:

    Code
    <div style="height:135px;width:98%;border:1px dotted;overflow:auto;padding:6px 10px 0;">


    Problem an diesem DIV-Tag für Firefox ist "overflow:auto". Solange overflow drin ist (auch mit overflow:scroll), tritt das Problem auf. Sobald man es herausnimmt, tritt das onmouseout-Event-Problem nicht auf. Leider kann ich es aber auf keinen Fall herausnehmen. Sonst wächst mein Bwoserfenster bei vielen Vorschaubildern ewig nach rechts....

    Kann mir da einer helfen!? Jeder workaround ist willkommen! Danke schon mal.