I've looked at a number of different forums etc. and I can't figure out what the problem is. I'm really hoping its not some small stupid mistake, I've looked this over so many times! My footer is supposed to stay at the bottom of the page, always. But whenever I resize the window so there is a scrollbar the footer scrolls up with the page, obscuring the information, instead of adjusting and staying attached to the bottom. Any help would be very much appreciated.

html: http://djonathansilva.com/jsmain.php
css: http://djonathansilva.com/js.css