kleine Ergänzung:
#re {width:18.5%;margin:0.5%;padding:0px;float:left;}
-> da hatte ich urspr. float:right drin, wodurch sich die eine Frage selbst erledigt hat:
"Wenn ich float:right einsetze, gehe ich doch davon aus, daß das div am umgebenden Blockelement (=hier: float-div) am rechten Rand ausgerichtet wird. Tatsächlich klebt es rechts am Content-div - wieso?"
-> mit float:right richtet es sich auch rechts aus...
und noch ein Mini-Bug (ohne Auswirkung): das "clear:both" im header ist auch überflüssig.
Sorry ;-)
Das Hauptproblem bleibt jedoch weiterhin bestehen.