Probleme beim Positionieren der DIVs

[Klaus]

Hallo zusammen,

ich bin noch ein ziemlicher Noob was die CSS-Positionierung betrifft, lange Zeit haben es die Tabellen getan, doch ich dachte, es wird Zeit, dass sich das mal ändert. ;-))

Die Positionierung soll jetzt mittels CSS und DIV passieren.
Mein größtest Problem ist jetzt, dass in dem DIV 'mainframe' die nachfolgenden 4 DIVS (Saeule-#1-4) reingeschoben sind und nicht komplett unter dem DIV 'mainframe' stehen (wie von mir beabsichtigt).
Die sollten gleichverteilt darunter stehen.

Aber auch die einfachen Links schieben sich oben über das DIV hinaus und auch das DIV 'mainframe'.

Könnte da vielleicht jemand helfen, was ich da falsch und was ich besser machen sollte?

Hier der Code: Beispiel-Code

Klaus