“Sticky Footer” that stays at the bottom of the screen

This solution by Ryan Fait keeps the footer div at the bottom of the browser window no matter how big or small the window is and doesn’t overlap with the content above it.

I’ve been looking for an easy way to do this for a while and this is exactly what I wanted. The only drawback is that you have to add an extra div inside the wrapper, but you could probably make use of it if you hate empty divs.