CSS: liquid layout

Ik heb een probleempje met CSS waar ik echt even niet uit kom. Ik heb het geprobeerd zo simpel mogelijk te illustreren, zie hier.

Je ziet daar 3 div's met opvallende kleuren, de rechter div heeft een breedte in em's de linker div is echter net zo breed als de tekst die hij bevat. Alleen zou ik graag willen dat de linker div de rest van de rode content div vult.

Ik heb echter geen idee hoe ik dat kan oplossen, want met em's kan je de breedte niet zetten omdat, dat bij verschillende resoluties verschilt, met px kan het om de zelfde rede niet en met % wordt het ook nogal rommelig.

Misschien is één van jullie dit probleem wel eens tegen gekomen en heeft een passende oplossing?

http://62.195.175.35/openbaar/PHPHulp/liquid.php

Is dit wat je zoekt? Of moet de linker div ook tot onderaan de rechterdiv komen. Want dat wordt nog even puzzelen dan :P

Edit: Even wat sunfjes toegevoegd dat je wat kan testen...

Goed, het lijkt er toch op dat ik er dankzij jou bijdrage ben uit gekomen :)

Ik heb de float: left; weg gelaten, dit zorgde er voor dat de child elementen in IE geen style meer hadden, maar dat heb ik opgelost door deze een position: relative; te geven.

Het lijkt er dus op dat ik er uit ben :) bedankt WJ!

Ja, dat snap ik maar als ik die float left niet had, had ik andere problemen, die ik nu dus opgelost heb ;)