4 Spalten Design, aber Fußzeile bleibt nicht unten

Ich hab ne Page mit utp, middle und bottom bereich. Der mittlere Teil hat 4 Spalten. Realisiert ist das ganze mit CSS nach diesem Beispiel: http://www.thestyleworks.de/tut-art/layout_flexible.shtml (Methode 1)

Problem:
Die längste Spalte in der Mitte kann sich schonmal verändern, d.h. dass plötzlich nicht mehr ganz rechts die längste Spalte ist, sondern ganz links.

Die Fußzeile rutscht dann aber immer zu der Zeile hoch, die halt immer noch die Position: relative hat.

ok, hab mir das mal etwas angeschaut

die mittlere spalte hat nochmal son extra wrap, ich will ja nun 4 Spalten haben und nicht nur 3, mach ich dann einfach n 4. divcontainer, der so aussieht wie der von "left" und "right"?

ich hab das jetzt mal auf meine seite übertragen. zu sehen hier:
http://appel42.ap.funpic.de/esportal/
das klappt allerdings noch nicht, wie man sieht. warum is das so?

ich hab die prozentwerte größtenteils durch absolute werte ersetzt, das sollte aber nicht das problem sein.
der #wrapper is bei mir der #container und der #contentfloatholder is bei mir #middle

ich hab den #centerwrap mit rotem und #middle mit blauem rahmen gekennzeichnet, evt hilfts ja