Full-Page Background with CSS with crossbrowser support

I've been trying to get the perfect full-page background without using JavaScript since a while. I tried with CSS3 but, obviously for IE <9 was a pain in the ass, even for older Firefox' releases. So I decided to go with the plain-CSS option:

<!doctype html>

Content

img#bg { min-width: 100%; min-height: 100%;

/Proportionate re-dimension/ width: 100%; height: auto;

position: fixed; top: 0; left: 0;

z-index: -1; }

What does it does?

It takes an inline image and uses it as if were a background-image thanks to the z-index: -1 CSS-rule.

There are lots of other techniques at CSS-Tricks but none works in every browser as this one in particular.

Enjoy.