Layout mit CSS (#div) und rechtsbündiger Spalte

[Beat]

Indem du dem Bereich 2 die Eigenschaft position:relative gibst, wobei Bereich 3 ein Childelement von Bereich 2 sein muss.

Das funktioniert bei mir nicht. Meine CSS-File sieht nun so aus:

also anders wie ich beschrieben habe:
2 sei relative und parent von 3
3 sei (wie zuvor) absolut positioniert

#1 {height:20%;padding:0px; background-color:#FFDDDD;}
#2 {width:80%; height: 80%; float:left; padding:0px; background-color:#4FDFDF;}
#3 {position: relative; left: 0px; top: 0px}
#4 {width:20%; height: 80%; float:right;padding:0px; background-color:#9FF0D5;}

Später, in der HTML-Datei, binde ich die Div's wie folgt ein:

<div id="1"></div>
<div id="2">
<div id="3" style="position: relative; left: 0px; top: 0px">
</div></div>
<div id="4"></div>

'id=4' ist keine valide id. Eine id darf nicht mit einer Zahl beginnen.

Aber das Ergebnis ist nicht wie gewünscht. Das bedeutet, der Bereich 3 ist immer an einer anderen Position, je nachdem, was für ein Inhalt in Bereich 2 ist. Weiß jemand weiter?

mfg Beat