I have a "preliminary" index page. It's been temporarily renamed and uploaded into one of my existing sites. It can be found here: www.cbcaferacer.com/skin.html
The code validates correctly but at the bottom is <p>Why does this text matter?</p> and if I remove it, the rest of the page formatting turns screwy. I've tried quite a few options and changes but they either make no difference or make it worse.
Add overflow: hidden; to your 'content' css (as below) then remove the <p> tag
padding: 10px 0;
What is happening is you have floated elements in your 'content' <div> so you need to use a clearing method to position the 'footer' where its supposed to go.
As an alternative you could have also added clear: both; to the 'footer' css: