I'm working on a site with a dark body background color. The foreground color is white. When pages load at average internet speeds, there's a brief moment when users can't see the content until more of the stylesheet loads. Given the typical user's microsecond attention span, I'd like the background behind the content to be white.

I tried this with an image slightly smaller than the size of my content area:

background: #000 url( images/bg-white.png ) no-repeat center;

It didn't work.

Any ideas would be appreciated. Thanks in advance!