du versuchst das prinzip einer tabellen-struktur nachzubauen ( z.b. mainmitte ist nicht nötig )

zu float-top/bottom: das erste div steht sowieso oben, das letzte steht immer unten
( es sei denn, man hat für diese div-class ein position bestimmt )

man könnte, falls die seite mit den oberen teilen nicht gefüllt wäre, ein fuss-div-class definieren:
position:absolute; bottom:0px;width:100%

die sache mit der mitte:
da #mitte keine width-angabe hat, reiht sich #rechts unter #mitte ein, wenn #mitte vor rechts im body steht. ( ein div nimmt standardmäßig die fensterbreite oder den rest der fensterbreite ein )

anstatt die höhe für #kopf und #fuss zu bestimmen, bestimme lieber die abstände zu den anderen elementen ( zumal 13em auch recht groß wird)