overflow: auto; problem med firefox

Hej!

har följande på en sida:

<div style="overflow: auto; height: 255px;">

text text text
bla bla bla
...
...
</div>

Kika på sidan https://www.mildola.fi/aauues.php med FireFox och försök välja nåt från menyn....

Detta händer då jag har overflow: auto; på sidan.

Kör jag med overflow: inherit; så fungerar menyn, men då sträcks texten ut...

Någon som har en möjlig lösning?

Detta fungerar bra med IE 6/Win.

Tyvärr är detta en bugg i Mozilla, att onmouseout triggas när man flyttar in musmarkören på ett element som har scrollbars... Detta gäller divs med overflow auto och iframes.

Ok!

Vad finns det för andra lösningar?

Att inte ha element med overflow:auto under menyn ;)

Nej, allvarligt, har för mig att jag sett en work-around för detta, kanske i funktionen som döljer menyn, att man döljer menyn bara när det inte är en div under.. Hmm.. tricky.

Fann denna kommentar i buggen som är rappad för detta:

I worked around the problem by doing something like

li-object.onmouseout = function (e) {
var tmp = e.originalTarget.nodeName;

// js-code to hide div
}

I have no idea why that makes a difference, tmp is never used again...
The complete js can be found at http://test.studenternet.auc.dk/scripts/cssjsmenu.js

Jag förstår mig inte riktigt på, vad jag ska plocka ur koden. Kan ju inte köra koden rakt av.

Löste det delvis. Placerade div:en med overflow en bit längre ned.
Nu fungera menyn, så länge den inte når DIV:en. Fast varje gång onmouseout kastas, så ser det lite fult ut i 1/10 sekund. Flimmrar till. Men det får vara så. Tack för förklaringen.