overflow problem

Hei.

Jeg har en <div> som skal inneholde 3 andre <div>'er som skal plasseres ved siden av hverandre. Problemet mitt er at den midterset spalten flyter ut av den omkransende div'en når det blir en del innhold i den. Finnes det noen måte å få utvidet den omkransede div'en etter den høyeste av de tre spaltene?

#hovedfelt {
    width: 768px;
    background-color: #d5d18a;
    position: absolute;
    left: 0px;
    top: 200px;
    padding-top: 10px;
}

#venstremeny {
    width: 145px;
    background-color: #d5d18a;
}

#innhold {
    position: absolute;
    top: 10px;
    left: 146px;
    background-color: #FFFFFF;
}

#hoyremarg {
    position: absolute;
    top: 10px;
    left: 623px;
    width: 145px;
    background-color: #d5d18a;
}

<div id="hovedfelt">

    <div id="venstremeny">Meny</div>

      <div id="innhold">Innhold</div>

    <div id="hoyremarg">Høyremarg</div>

</div>

Jeg har fått det til vha float, men da får jeg et annet problem ved bruk av clear:both. Innholdsspalten skal inneholde en vertikal liste av artikkler. Her bruker jeg float for å posisjonere bilde annen hver gang på høyre og venstre side av teksten. For å begynne på neste artikkel i listen må jeg bruke clear:both på et elemet. Når jeg gjør dette hopper den resterende teksten i innholdsspalten ned lavere enn venstre og høyre spalte.