I'm having trouble getting my background image to stick to the bottom of the browser window. I used the following CSS but there's still white space showing at the bottom when the window height is larger than what's in #content. It seems like <body> height is adjusting to the #content height. I always thought <body> encompassed the entire page.
body{background:url('/wp-content/uploads/2011/03/bg_body_grad1.jpg') repeat-x bottom;}
I tried to apply it to "html" too and that didn't work either.
I don't need the sticky footer effect. I want my footer to remain adhered #content container.
Any help would be greatly appreciated.