Fluid Backround Images

[Loopster]

Hey everyone,
Has anyone found the best html/css solution for creating a fluid background image on a website?
That's to say:
1. Background image to fill the screen no matter of the size of the screen
2. Keeping image size smaller so as to have fastest load time
3. cross-browser, cross-device (PCs, Mobile phones, etc), cross-resolution compatibility
4. Image keeps its proportions as it is resized to fill the display

Please discuss,
Loopster

[twiss]

What you could do is start with

background-size:cover;
-moz-background-size:cover;

and then find a workaround for IE <= 8.

[twiss]

Also read http://www.alistapart.com/articles/supersize-that-background-please/ and http://www.paulmccrodden.com/2011/02/problems-css3-background-size-cover-iefilters/, perhaps.