2-spaltige Formatierung

[RomanD]

Hi,

ich habe 4 div-Container mit jeweils unterschiedlicher, dynamischer Höhe.
Ich möchte, dass jeweils 2 div's Links und 2 div's Rechts angeordnet werden. Dabei soll kein vertikaler Zwischenraum zwischen den beiden rechten und den beiden linken div's sein.
Zur Veranschaulichung:
http://www.roman-drechsel.de/Upload/beispiel.JPG

Hier der gekürzte Code:
---- HTML
[...]
<div id="details">[... Inhalt ...]</div>
<div id="dateien">[... Inhalt ...]</div>

<div style="clear:both"></div>

<div id="notizen">[ ... Inhalt ...]</div>
<div id="changelog">[ ... Inhalt ...]</div>

<div style="clear:both"></div>

--- CSS
#details {
 width:45%;
 text-align:left;
 display:inline;
 position:relative;
 float:left;
}
#dateien {
 width:45%;
 text-align:left;
 display:inline;
 position:relative;
 float:right;
 padding-right:3%;
}
#notizen {
 /*width:97%;
 text-align:center;*/
 width:45%;
 text-align:left;
 display:inline;
 position:relative;
 float:left;
}
#changelog {
 width:45%;
 text-align:left;
 float:right;
 padding-right:3%;
}

Mein Problem:
Sollte z.B. auf der rechten Seite der Div "Dateien" sehr hoch sein, entsteht auf der linken Seite zwischen "Details" und "Notizen" ein großer Zwischenraum.
Zur Veranschaulichung:
http://www.roman-drechsel.de/Upload/beispiel2.JPG

Wie kann ich den wegbekommen?

Gruß