I've followed Ryan Fait's sticky footer example and for some reason my footer, while sticky, is clipping through the rest of the divs when you reduce the height of the browser. Anyone know why this is, I'm obviously missing something, I haven't ran into this problem before.
You need to clear your floats. Just add clear:both to your .push class. Also, you should remove the top margin and padding on your wrapper because it's forcing the height beyond 100% and creating an unnecessary scroll.