HTML: problem med float

Her er problemet så bare, at hvis sidebar kun fylde 20px i højden, så falder teksten fra content ind under - og så er der ikke kolonner mere.

Iøvrigt, hvordan laver du det kode-snipper?

Tags på eksperten http://www.eksperten.dk/guide/1325

Hvad med:

<div style="display:table;background:#aaa;width:100%;"><div style="display:table-row;">
    <div style="display:table-cell;width:auto;background:#999;">a<br>bbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
    <div style="display:table-cell;width:0;background:#555;max-width:200px;">aaaaaaa </div>
</div></div>

... eller


<div style="display:table;background:#aaa;width:100%;"><div style="display:table-row;">
    <div style="display:table-cell;width:auto;background:#999;">a<br>bbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
    <div style="display:table-cell;width:0;background:#555;"><div style="width:200px">aaaaaaa </div></div>
</div></div>

(i ovenstående skal <div style="width:200px">...</div> så kun outputtes, hvis der er noget...)


... ellers kan jeg kun komme på en javascript løsning, eller måske brug af tabeller ?

Tak, mclemens. Vil du smide et svar?

Velbekom, her er et svar
- og tak for point :)