Need to stretch Div to bottom of page

I have attached my html and css files - I want to stretch #footer to the bottom of the page... how can I do that? I tried height 100% but it did not change.

Any suggestions?

Using 100% will only drop it when you add more content to it. Take out 100% and try this.

700px

and see what you get.

The problem with adding 700px is that it makes the page that long as well. Thanks anyways.

I have attached my html and css files Any way to see a link to your page?

Well, I don't have it up yet. It's a pretty trivial reason that I want to get this to work: I use a CMS that when my clients edit pages online, it sets their background to the body background instead of white, so I wanted to keep the body bg white for them editing so they don't get confused, but I guess I will actually have to set the bg color to the light brown color. Thanks for taking the time to look at this!

Oh its the footer, you want to have it stay on bottom correct?

Add this to footer and see if that works.

position: absolute;
bottom: 0px;