Je moet op je #content de margin anders instellen:
Code:
margin: 50px auto 150px auto;
Dat is omdat eens je pagina kleiner wordt dan de content div de compensatie van -150px margin op je wrapper nutteloos is in combinatie met je 100% height.
Ik denk dat je een beetje in de mist gegaan bent als ik de gelijkaardige techniek overloop die op
How to Use the Sticky Footer HTML & CSS Code te vinden is. Het is een combinatie van padding en margins, bij jou zijn t enkel margins overal.