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

[Beat]

1, 2, 3 und 4, das sind die einzelnen Bereiche. Problem macht Bereich 4, denn der wird teilweise weiter unten angezeigt, als er eigentlich sein sollte. Das ist mein Code (Ausschnitt):

#oben {height:100px;padding:0px; background-color:#FFDDDD;}
#mittelinks {width:80%; float:left; padding:0px; background-color:#FF0F00;}
#rechts {width:20%; height: 80%; float:right;padding:0px; background-color:#1F7F0F;}
#untenlinks{width:80%; padding:0px; background-color:#707FF0; position: absolute; top: 300px; left: 4px;

Also, hat einer einen Verbesserungsvorschlag für mich?

Mir fällt auf, dass Bereich 3 absolut positioniert ist bezüglich einem unbekannten Element.
Ferner vestehe ich "denn der wird teilweise weiter unten angezeigt, als er eigentlich sein sollte." nicht ausreichend, um irgend etwas vorzuschlagen.
Ferner bietet es sich an, dass du deine Aufgabe vereinfachst. Bereich 2 und 3 bilden eine gemeinsame Spalte. (Gut es kann Gründe geben, das anders zu handhaben.)

mfg Beat