Problemer med layers <div>

Ok følgende kode benytter jeg mig af for at skabe en menu:

  <script type="text/javascript">

    function checkMenu(id) {
      if (id.indexOf("menu")+4==id.length){
        return true;
      }
      return false;
    }

    function mover( obj ) {
      var menu = document.getElementById( obj + "menu" ) ;

      var allElms = document.getElementsByTagName("div");

      for (i=0;i<allElms.length;i++){
        if (checkMenu(allElms[i].id)) {
          if (allElms[i]==menu){
            menu.style.display = "block" ;
          }
          else
          {
            allElms[i].style.display = "none" ;
          }
        }
      }
    }

    function mout( obj ) {
      elm = document.getElementById( obj ) ;

      menu = document.getElementById( obj + "menu" ) ;

      menu.style.display = "none" ;
    }
  </script>

<a href="nyheder.php" id="punkt1" onMouseOver="mover( 'punkt1' )"><img src=gfx/nyheder.gif border=0></a>

<div id="punkt1menu" class="menu" style="left: 35%" onMouseOver="mover( 'punkt1' )"  onMouseOut="mout( 'punkt1' )"><a href=nyheder.php?oldnewz=true><img src=gfx/nyheds_arkiv.gif border=0></a></div>

Ok her er mit problem. Den måde jeg har instillet de layers på fungere perfekt i 1024 x 768 men højere eller lavere så fungere det ikke så godt :) Nogen metode hvorpå jeg altid sikkre mig de layers fremkommer hvor det er meningen? I kan se designet her: http://212.242.60.87/amiciny2/nyheder.php