Problem bei onmouseout in <div> mit eingebetteter Liste

[Bert]

Guten Tag zusammen,

in einen absolut positionierten <div>-Container wird eine <ul><li>-Liste eingebettet.

Beim Verlassen dieses absolut positionierten <div>-Containers soll er geschlossen werden.

Dazu habe ich auf das <div ...> ein onmouseout gelegt, welches eine Funktion zum Schließen (bzw. Verstecken) des Containers aufruft.

Problem:

Auch beim Verlassen der Listenelemente wird schon onmouseout gefeuert, was halt jetzt nicht den gewünschten Effekt liefert, denn nur, wenn der umschließende Container verlassen wird, soll er (selber) ja geschlossen werden, nicht aber schon beim Navigieren über die Menü-Punkte. :)

(Getestet u.a. in Firefox und Opera, in beiden das gleiche Symptom.)

Der HTML-Code (zur besseren Übersicht mal mit bisschen Direktformtierung und zum leichteren Debuggen mit "alert" statt der etwas längeren Schließ-Funktion):

..........................................................................

<div id="container" onmouseout="alert('onmouseout');" style="border-width:3px;border-style:solid;border-color:#808080;padding:20px;">
            <ul>
                <li>hase1</li>
                <li>maus1</li>
                <li>storch1</li>
            </ul>
        </div>

..........................................................................

Was muss da anders gemacht werden, damit nur (!) das Verlassen des Containers (hier id="container") abgefangen wird?

Gruß von Bert

___________________________________________________________________
Problem bei onmouseout in <div> mit eingebetteter <ul><li>-Liste