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

[jemand2]

Hallo,

Ich möchte mit CSS gerne ein Layout definieren. Es soll wie folgt aussehen:

╔═════════════════════════╗
║                         ║
║            1            ║
║                         ║
╠════════════╦════════════╣
║            ║            ║
║            ║            ║
║     2      ║            ║
║            ║            ║
║            ║            ║
║            ║            ║
╠════════════╣     4      ║
║            ║            ║
║            ║            ║
║     3      ║            ║
║            ║            ║
║            ║            ║
║            ║            ║
╚════════════╩════════════╝

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?