Tabellenlayout mit <div>s

[Mike]

Hallo zusammen,

ich will folgendes Layout mit divs realisieren:

+----------------+
| Box1           |
+------+---------+
|      |         |
| Box2 |   Box3  |
|      |         |
+------+---------+

Dabei habe ich die Probleme:

1. Zwischen Box 2 und 3 ist ein Abstand von ein paar Pixel.
2. Wie kann ich es erreichen, dass Box2 mit nach unten wächst, wenn der Text in Box3 diese "aufdrückt"?

Im Moment verwende ich folgenden Code:

<div style="width:300; height: 25; background-color: red;">Überschrift</div>
 <div style="width:100; height: 25; background-color: green; float: left;">Bild</div>
 <div style="width:200; height: 25; background-color: blue;">Text Text Text</div>

PS: Absolute Positionierung kann ich nicht verwenden, da die Boxen dynamisch generiert werden.

Danke für eure Hilfe,

Mike

PS: Ich habe im Archiv einiges dazu gefunden, aber ich komme einfach nicht weiter.