height: 100% - oder doch nicht?!

[code]

Hallo,

ich möchte eine Sidebar bzw. den Rahmen die diese hat immer Mitwachsen lassen zum Content. Leider funktioniert das irgentwie nicht.

http://e.imagehost.org/0612/snapshot3.png
(Krass Zensiert oder? xD)

Die CSS sieht so aus:

#left-sidebar {  
  padding-top:5px;  
  width:200px;  
  float:left;  
  height:100%;  
}  
.left-sidebar-title {  
  background:url(img/left-navi.gif);  
  padding:6px 4px 6px 8px;  
  font-size:0.9em;  
  font-weight:bold;  
}  
.left-sidebar-content {  
  border-right: 2px solid #caccc9;  
  height:100%;  
}

Der Content wird da einfach "dran-ge-floated"

Und das ganze steckt noch in einem Wrapper:

#wrapper {  
  margin-left: auto;  
  margin-right: auto;  
  width:950px;  
  border-left: 1px groove black;  
  border-right: 1px groove black;  
}

Hat jemand eine Idee wie ich das lösen könnte?

Ist übrigens kein IE Problem ^^ Habs nur im Opera 10.10 und Namoraca 3.6 (FF 3.6 unbranded Fork) getestet

Danke schonmal!
Liebe Grüsse
code