This is the simplest possible implementation for a sticky footer done purely in CSS. No js trickery. The craziest thing is the psuedo :after on #wrapper, but it should still be cross-browser compatible all the way down through IE8. IE6-7 do not support psuedo selectors.
It will keep your footer at the bottom of the page no matter how much or little vertical space exists, but scrolls away. It's not the same as a fixed footer.
I added a #content div with a few things and some padding just to make it look like something. None of that is necessary. It will work with an empty #wrapper. Important thing is to keep your footer element outside your wrapper, make sure the :after has the content and display attributes set as shown, the footer height and #wrapper:after can be set at the same time to save a little typing, but is not necessary. It's important to make sure the negative bottom margin of the #wrapper is set to the total box height. I have a 1px bor