Hi, I'm trying to make a div extend all the way down to the bottom of the browser window, regardless of its content. I read that you have to assign 100% height to the div and its container, but what I've tried isn't working. Can someone explain why? Thanks! Here's my code:

Thanks for your help! There's an unwelcome consequence, though -- now the background of #content doesn't extend past the initial browser line on longer pages (as in, when a vertical scroll is required).

Is there some way I can have both? -- the background extending the full browser height on short pages, and the full contents height on long pages?

It's been suggested that, instead of a background on #content, I use an image and a fixed positioned background, but I've encountered other problems with that. It's also been suggested that I look at sticky footers (like here), but I can't figure out how to modify it to suit my purposes.