menü anzeigen und ausblenden

[ska]

Hallo Leute,

ich möchte also ein Navigationsmenü erstellen mit javascript bei den sobald ich mit der Maus darüber fahre ein Untermenü erscheint und sobald ich nicht mehr auf das Menü oder das Untermenü zeige, dass Untermenü wieder verschwindet.

<script type="text/javascript">
  function display(mode,ele){
    if(mode=='s'){
      document.getElementById(ele).style.visibility='visible';
    }else{
      document.getElementById(ele).style.visibility='hidden';
    }
  }
  </script>

<div>
  <table width="150" height="90" border="1">
    <tr>
      <td onMouseOver="display('s','sub1')"  >test</td>
    </tr>
  </table>
</div>
<div style="visibility:hidden;" id="sub1"  onMouseOver.style.visibility='visible';
onMouseOut.style.visibility='hidden';>

<table width="100" height="90" border="1">
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
  </table>
</div>

Könntet Ihr mir bitte ein paar Hilfestellungen geben.

mit besten Grüssen ska