Roztahování divu

Zdravím,

potřeboval bych poradit. Mám 3 divy.

První div wrapper všechny obaluje uvnitř něho na levé straně je sidebar( např je tam menu) a napravo od něho taktéř uvnitř wrapperu je div kde je nějaký článek. článek se může editovat a může tedy nabývat různých výšek. Když se div content natáhne (zvětší výšku) protože v něm bude víc textu, tak potřebuju aby se natahl i SideBar. Ve výsledku tedy má být content i SideBar stejně vysoké.


Pro představu

<div id="wrapper">
<div id="leftSideBar">
</div>
<div id="content">
</div>
</div>


css soubor

#html{height:100%;}
#body{height:100%;}
#wrapper{min-height:50%;}/* tady nemůže být pevně daná výška, aby se wrapper natahoval současně s contentem */
#content{height:100%;}
#leftSideBar{height:100%;float:left;}

když mám u wrapperu min-height: tak natahování nefunguje