- Go here:
- Vertically shrink your page
- Watch the bottom

Alternatively, view screenshot here:

The 1px red border is applied to html.... As you can see, at some point html/body becomes smaller than my container div inside, causing things to mess up

I didn't think that was possible?

Apologies if the code is a bit messy at the time you view it, I've been hacking things around in frustration. Have been trying to combine sticky footer / 100% high / faux columns and such, and didn't have a clue what I was doing half the time

Open to criticism, tips or suggestions on better ways