1. <a onmouseover="hideElement (); showElement ( 'Menu_01' );" href=".">
  2. <img src="image.gif" />
  3. </a>
  4. ....................
  5. <div id="Menu_01" style="padding-left:-10px; position:absolute; visibility:hidden;" onmouseout="hideElement ();">
  6. <a href=".">Test</a><br />
  7. <a href=".">Test</a><br />
  8. <a href=".">Test</a><br />
  9. </div>

Kod
var elementID = null;

function showElement ( ElementID )
{    
    elementID = ElementID;
    document.getElementById ( elementID ).style.visibility = 'visible';    
}

function hideElement ()
{
    if ( elementID != null )
    {
  document.getElementById ( elementID ).style.visibility = 'hidden';
    }
}


I wszystko jest OK dopóki DIV jest pusty, w momencie kiedy jest kilka elementów w nim to po zjechaniu z jednego z nich wywoływane jest zdarzenie OnMouseOut tak jakbym zjechał z DIV - a tak jakby każdy element zawarty w DIV-ie wywoływał zdarzenie zjechania z całego DIV-a.

Co zrobić żeby DIV znikał po zjechaniu z niego a nie z elementu w nim zawartego?

Dodam jeszcze link do strony:
http://noisemc.urbanimpuls.com/fiori/

Edit:
Problem rozwiązany, do każdego <a> dodałem:
  1. <a href="." onmouseover="showElement ( 'Menu_01' );">Test</a>


Trochę średnio mi się to podoba ... ale działa.