Your #container div should wrap around all the content. Literally have <div id="container"> right after <body> starts and end it right before <body> ends. Then add this to the CSS in #container - margin: auto;
Thanks sanim, initially that is how I had the site set up. Everything was in the "container." Things weren't working so I took the headers and footers out and voila! Let me give this margin: auto a shot and see what happens.