Problemmer med min midt

Hej

Jeg har siddet med det her design som kan ses på http://www.ungnews.eu/ny
Min midt skal længere op.. har forsøgt næsten alt, og jeg kan bare ikk få noget til at virke..

HTML koden: den ser sikkert rodet ud=)
Kode<div id="box">
  <div id="top">Top logo  Goes Here xD - Simon </div>
 
      <div id="hojremenu">       
          <div class="menuimg">Login</div>
      </div>
 
 
  <div id="ventremenu">
  <div class="menuimg">Generelt:</div>
  » Forside <br />
» Anmeldelser<br />
» Spil / Film <br />
» VIP <br />
» Forum <br />
 
  </div>
 
  <div id="ventremenu">
  <div class="menuimg">News Kategori:</div>
  » Musik / Film <br />
  » I Byen <br />
  » Politik <br />
  » IT<br />
» Andett <br />
 
  </div>
 
 
    <div id="hojremenu2">
        <div class="menuimg">Sidste Indlæg</div>
    </div>
    <div class="middle">ssssss</div>
</div>


og min css kode

Kodehtml, body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    color: #333333;
    background-image: url(../images/background.jpg);
    height: 100%;
    display:block;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#box {
    width: 800px;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 800px;
    padding: 0px;
    display block: border-right-width: 3px;
    border-left-width: 3px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #5d5d5d;
    border-left-color: #5d5d5d;
}#top {
    height: 50px;
    width: 700px;
    border: 1px solid #333333;
    margin-right: auto;
    margin-left: auto;
}

.middle {
    padding-left:155px;
    padding-right:155px;
    padding-top:100px;
    }
#ventremenu {
    height:;
    margin-top: 50px;
    margin-left: 7px;
    border: 1px solid #23627f;
    width: 100px;
}
#venstremenu2 {
    height: 200px;
    margin-top: 50px;
    margin-left: 10px;
    border: 1px solid #23627f;
    width: 50px;
}
#hojremenu {
    height: 200px;
    margin-top: 50px;
    margin-right:7px;
    border: 1px solid #23627f;
    width: 100px;
    float: right;
}
#hojremenu2 {
    height: 200px;
    margin-right:7px;
    margin-top:;
    border: 1px solid #23627f;
    width: 100px;
    float: right;
    left: 775px;
    top: 272px;
}
.menuimg {
    background-repeat: no-repeat;
    background-image: url(../images/menu_image.jpg);
    height: 22px;
    width: 100px;
    margin-left: 0px;
    font-family: Impact;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 2px;
}


Hvordan får jeg min midt op så den er på lige fod med Generelt og login menuen ??

// Jacob Veile