Div nebeneinander gleich lang

[Christoph]

Hallo,

ich bekomme 2 div's nebeneinander nicht gleich lang.
Link zur Seite habe ich eingefügt.

der css text:
body{
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     margin-top:0px;
     margin-bottom:0px;
}
#page{
      margin:auto;
      background:#FADC46;
      width:1000px;
}
#header{
       height:100px;
       text-align:center;
       background:#64B464;
}
#container {

}
#navi{
      float:left;
      width:180px;
      background:#FADC46;
}
#main{
      float:right;
      width:820px;
      background:#f2f2f2;
}
#footer{
      margin:auto;
      width:1000px;
      height:15px;
      text-align:center;
      background:#64B464;
}
img{
     border-style:none;
}

vielen dank