Layers - vis - skjul

Jeg vil gerne lave en menu, hvor man kører musen henover et link, og så kommer et layer frem, hvor man kan klikke sig længere ind.

Mit problem er, at hvis jeg i det layer den viser laver et link eller f.eks. <font>, så lukker den. Den lukker, fordi jeg har en onmouseout, som skal få den til at lukke hvis man kører musen væk fra hele vinduet.

Scriptet er som følgende:

<script language="javascript">
    function show_navMenu ( id ) {
      hide_allMenu();
      document.getElementById( id ).style.display = "";
    }
   
    function hide_navMenu ( id ) {
      document.getElementById( id ).style.display = "none";
    }
   
    function hide_allMenu () {
      all = document.getElementsByTagName('div')
      for (i=0; i < all.length; i++) {
        if (all[i].id.indexOf('navMenu') > -1) {
          all[i].style.display = "none";
        }
      }
    }
   
    function moveMenu ( id, x, y) {
      boks = document.getElementById( id );
      boks.style.top = x;
      boks.style.left = y;
    }
</script>

<div align="center"><a href="#" onmouseover="show_navMenu('navMenu_1'); moveMenu('navMenu_1', '19', '300');">Vis1</a></div>

<div id="navMenu_1" onmouseout="hide_navMenu('navMenu_1');" style="position : absolute; display : none; left : 0px; top : 0px; width : 200px; height : 200px; background-color : red;">

<a href="">link</a>

</div>

Når man kører henover linket, lukker boksen?