I’m trying to design the footer on this page to stick to the bottom of the browser window, without covering up any content when the window gets smaller. I can’t seem to get it to work.
After viewing your source code from my iPhone (yes!) it looks like you have the footer insid the wrapper. It is supposed to be outside your wrapper. Also, probably better to pu any padding on the inner elements rather than the footer.
You don’t seem to be using the up to date current code for the sticky footer anyway and that means you will have problems in IE and opera. See the css faq (link in my sig) as it contains all the code you need for modern browsers.