floaten mit clear both klappt nicht?

Hallo,

meine Seite:

http://www.web91.s67.goserver.host/

Es geht um den Footer (ganz unten logischerweise) habe irgendwie ein Problem mit dem floaten von den Boxen im Footer (habe sie mal mit bgs gekenntzeichnet)
eigentlich sollen diese in einer Reihe stehen und nicht untereinander, kann mir einer sagen was ich falsch mache?

mfg

oh mein gott bin ich ein holzkopf danke ^^'

kannst du mir aber noch erklären warum das jetzt über "footerbottom" hinausgeht? es sollte im helleren grauen bereich noch liegen

edit: ich könnte das fixen in dem ich die höhe manuell angebe aber normalerweise sollte sich die höhe ja automatisch anpassen?

ich weiß zwar nicht warum aber display: table hat das problem gefixt, kann das einer erklären fürs verständniss?

danke für deine antwort maltino, aber das problem lag nicht am clearfix sondern wie maxe schon erwähnt hatte, das ich depp vergessen hatte bei der ersten box das float: left reinzuhauen :D
ich frag mich jetzt nur warum der befehl display: table das problem gefixt hat, das sich der footer wieder von selbst an die höhe anpasst der footerboxen, wenn man den befehl entfernt ragt die schrift darüber hinaus