Fuld baggrund i css "boks"

Hej eksperter

Jeg er begyndt at rode en masse med CSS, og har en udfordring i forhold til baggrund / højde. Jeg har følgende kode:


<style type="text/css">
            .indholdsboks4 {
                width: 830px;
                padding-top: 20px;
            }
            .indholdsboks4 .venstre {
                width: 405px;
                margin-right: 10px;
                float: left;
                position: relative;
            }
            .indholdsboks4 .hoejre {
                width: 405px;
                margin-left: 10px;
                float: right;
                position: relative;
            }
            </style>

            <div class="indholdsboks4" style="background: #e2e2e2;">
                <div class="venstre" style="background: #474646;">
                a a a a a a a a
                </div>
                <div class="hoejre">
                b b b b b b b b
                </div>
            </div>

Jeg vil gerne have det sådan, at hele boksen (indholdsboks4) har en baggrundsfarve, men med mulighed for, at hver enkel boks (henholdsvis venstre og hoejre) i boksen kan have hver egen baggrundsfarve. Det går fint med at kunne sætte baggrundsfarve på venstre og hoejre boks, men hele boksen laver kun baggrund i en enkel linie, hvorefter venstre og hoejre boks vises. Hvis jeg sætter højden til x-antal pixels, lykkedes det lidt, men skal jo bare have baggrundsfarve i forhold til højden af de 2 enkelte bokse og ikke også en ekstra linie øverst.

Håber, at det er forståeligt ;-)

På forhånd tak.