Footer is sticking to bottom = good, but main content has scrolls as if footer is fixed = bad

Check my link below. I have my footer stick to the bottom of the screen if you have a large screen, but now if you are on a smaller screen, there is a scroll bar that appears before the footer. Why is this?

http://bold开发者_运维问答style.allthingswebdesign.com/something.php

Your problem Lies in the static height and width values of your DIV containers.

CSS:container is at 1024px. you might want to back this off to 1000px, since most browsers at 1024px will add a horizontal scrollbar to compansate for the very thin 1-2px window border. If your design wont allow for this, you can change overflow:auto to overflow:none.

CSS:main has a static height. Do the same thing as above if the content extends past this height to disable the vertical scrollbar.