Letzte Frage: wie schaffe ich es jetzt, #redBox am UNTEREN Rand von #greenBox zu positionieren?
Als Tipp: kennst du Firebug (ein PlugIn für den Firefox)? Dieses Tool ist z. B. dann eine große Hilfe, wenn es darum geht zu prüfen welche Abstände aus welchen CSS-Angaben resultieren, welche CSS-Angabe womöglich von einer anderen überschrieben wird, etc.
In deinem Fall solltest du mal schauen, inwiefern das Padding der greenBox den von dir unerwünschten Effekt auslöst.
Gruß Fabulit