box metode og menubjælke

Hej jeg er ved at lave en ny hjemmeside se på www.wiggs.dk

mit problem er, at menubjælken skal ligge i den bjælke der er under det øverste billede.

nohgen der kan se hvad jeg gør forkert?

mvh gf


Her er uddrag af html

<div id="Menu">
  <div id="menubox">
<div class="topmenu" onmouseover="expand('menu1',true)" onmouseout="skjulAlle()" id="topmenu1"><a class="knap" href="blank.php">Om&nbsp;Skolen</a>
        <div class="submenu" id="menu1">
            <div><a class="knap" href="blank.php">Værdigrundlag</a></div>
            <div><a class="knap" href="blank.php">Fotosafari</a></div>
            <div><a class="knap" href="blank.php">Vejkort</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu2',true)" onmouseout="skjulAlle()"  id="topmenu2"><a class="knap"  href="java script:void(null)">Undervisning</a>
        <div class="submenu" id="menu2">
            <div><a class="knap" href="blank.php">Undervisningen</a></div>
            <div><a class="knap" href="blank.php">Liniefagene</a></div>
            <div><a class="knap" href="blank.php">Valgfagene</a></div>
            <div><a class="knap" href="blank.php">Andre&nbsp;fag</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu3',true)" onmouseout="skjulAlle()" id="topmenu3"><a class="knap" href="java script:void(null)">Årets&nbsp;gang</a>
        <div class="submenu" id="menu3">
            <div><a class="knap" href="blank.php">Arrangementer</a></div>
            <div><a class="knap" href="blank.php">Ugeskema</a></div>
            <div><a class="knap" href="blank.php">Årsplan</a></div>
            <div><a class="knap" href="blank.php">Billeder</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu4',true)" onmouseout="skjulAlle()" id="topmenu4"><a class="knap"  href="java script:void(null)">I&nbsp;fritiden</a>
        <div class="submenu" id="menu4">
            <div><a class="knap" href="blank.php">Idræt</a></div>
            <div><a class="knap" href="blank.php">Værksted</a></div>
            <div><a class="knap" href="blank.php">Ridning</a></div>
            <div><a class="knap" href="blank.php">Atelier</a></div>
            <div><a class="knap" href="blank.php">Musik</a></div>
            <div><a class="knap" href="blank.php">Edb</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu5',true)" onmouseout="skjulAlle()" id="topmenu5"><a class="knap"  href="java script:void(null)">Personale</a>
        <div class="submenu" id="menu5">
            <div><a class="knap" href="blank.php">Forstander</a></div>
            <div><a class="knap" href="blank.php">Sekretær</a></div>
            <div><a class="knap" href="blank.php">Lærerne</a></div>
            <div><a class="knap" href="blank.php">Pedeller</a></div>
            <div><a class="knap" href="blank.php">Køkken</a></div>
        </div>
</div>
<div class="topmenu" onmouseover="expand('menu6',true)" onmouseout="skjulAlle()"  id="topmenu6"><a class="knap"  href="java script:void(null)">Kontakt</a>
        <div class="submenu" id="menu6">
            <div><a class="knap" href="blank.php">Nyhedsbrev</a></div>
            <div><a class="knap" href="blank.php">Gæstebog</a></div>
            <div><a class="knap" href="blank.php">Skriv&nbsp;til&nbsp;os</a></div>
            <div><a class="knap" href="blank.php">Ladelund Nyt</a></div>
        </div>
</div>
<div class="topmenu" onmouseover="expand('menu7',true)" onmouseout="skjulAlle()" id="topmenu7"><a class="knap" href="java script:void(null)">Tilmelding</a>
        <div class="submenu" id="menu7">
            <div><a class="knap" href="blank.php">Tilmelding</a></div>
            <div><a class="knap" href="blank.php">Økonomi</a></div>
            <div><a class="knap" href="blank.php">Kommende&nbsp;elever</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu8',true)" onmouseout="skjulAlle()" id="topmenu8"><a class="knap"  href="java script:void(null)">Links</a>
        <div class="submenu" id="menu8">
            <div><a class="knap" href="blank.php">Sekretariatet</a></div>
            <div><a class="knap" href="blank.php">Elevforeningen</a></div>
            <div><a class="knap" href="blank.php">Karakterlister</a></div>
            <div><a class="knap" href="blank.php">Rideklubben</a></div>
        </div>
</div>

<div class="topmenu" onmouseover="expand('menu9',true)" onmouseout="skjulAlle()" id="topmenu9"><a class="knap"  href="java script:void(null)">Admin</a>
        <div class="submenu" id="menu9">
            <div><a class="knap" href="blank.php">Logind</a></div>
        </div>
</div>
</div> 
  </div>
 

uddrag af layout.css
dette er for boxen under billedet

#Menu {
text-align:center;
height:20px;
background:#FFF5d7;
color: #333333;
border-width:px 0 0 0;
  }



dropdown.css


  div#menubox {
float:left;

}

.topmenu {
position:absolute;
z-index:99;
}
.submenu {
position:absolute;
z-index:99;
display:none;
}

#topmenu1{

left:0px;
top:0px;
}
#topmenu2{

left:83px;
top:0px;
}
#topmenu3{

left:166px;
top:0px;
}
#topmenu4{

left:249px;
top:0px;
}
#topmenu5{

left:332px;
top:0px;
}
#topmenu6{
left:415px;
top:0px;
}
#topmenu7{

left:498px;
top:0px;
}
#topmenu8{

left:581px;
top:0px;
}
#topmenu9{

left:664px;
top:0px;
}

a.knap {

z-index:99;
  background-color: #FFFFFF;
  color:#000000;
  display: block;
  font: normal 12px Trebuchet, arial,  sans-serif;
  text-align: Left;
  text-decoration: none;
  border:1px solid #000000;
  width:81px;
  height:18px;
}
html>body .knap {
    width:83px;
    height:18px;
    }


.knap:hover {
  background-color: #FFFFFF;
  color: #000000;
  font: normal Bold 12px Trebuchet, arial,  sans-serif;
  text-decoration: none;
 
}