sacool: min-height funktioniert nicht richtig

Beitrag lesen

Hallo,
ich möchte eine Seite mit CSS erstellen, die auf der linken Seite eine Navigationsleiste hat, welche mindestes 100% an Höhe haben soll.
Also egal wie viel Inhalt auf der linken Seite (Content-Bereich ist) die Navigationsleiste soll immer bis zum unteren Ende der Seite reichen.

Für diese Funktion habe ich die CSS-Eigenschaft min-height gefunden. Hier ist die Seite und nachfolgend die CSS-Eigenschaften:

<div class='site'>
 <div class='sidebar'>
  Navigationsleiste
 </div>

<div class='main'>
  inhalt
 </div>
</div>

div.site {
 position:absolute;
 top:0px;
 left:0px;
 width:740px;
 min-height:100%;
 border:1px solid #F00;
}

div.sidebar {
 float: left;
 width: 170px;
 min-height:100%;
 background-color:#FE0;
}

Habe ich irgendeinen Fehler in dem Codeausschnitt oder gibt es vielleicht sogar eine elegantere Methode (ich möchte Tabellen weitgehest vermeiden)?