Versuch es anstatt mit margin-bottom nur mit bottom.
Ich glaube, das geht aber nur mit position: absolute;.
Dann sitzt der Content unten fest und interessiert sich nicht mehr für das margin-top..
Er soll halt immer einen gewissen abstand zu allen seiten haben egal wie das Browserfenster verkleinert oder vergrößert wird.
Habe auch schon versucht ihm das mit javascript einzuprügeln,
aber document.getElementById("main").style.marginBottom="50px";
hat ihn auch nicht interessiert, vielleicht hab ich das auch falsch gesetzt oder so..