dunno... perhaps you could use javascript to detect the resolution and then access a different stylesheet for each resolution using doc.write (i think thats the one)?

Why do you want to use a different background for different resolutions - in most cases this isn't the best way to go forward, try to keep it all uniform...

riiiiight...

the way you want to do this is by tiling the picture perhaps? I am confused as to what you want to actually do - do you want to keep a background picture in one place (such as the top left) and not have it repeat itself?

You can do that easily using CSS repeat-x and repeat-y elements as shown here... http://www.tizag.com/cssT/background.php

what i meant for a differnet background was one of different resolutions - the more complicated the scripts become, ther more there is to go wrong ifyou catch my drift?

oh well it was a thought

November Rain: 50% 50% won't center the image. It will place the upper left corner of the image at 50% 50% of the total body size. center center will center it.

This is a hard nut to crack TheInsane. CSS doesn't allow you to change the width and height of the background-image. However it might be done using a div at z-index 0 and another at z-index 1 which holds the content. Place them on top of each other with height 100% and width 100%. How to use height 100% with validated code found on this page under CSS > Tasks > 100% Height. In the bottom one you place the image in an <img>-tag with style="width:100%; height:100%;".

Should work after some tweaks.

Have fun!

Nope center center is correct. It's weird, but it's right in this case.

Else your solution is probably better November Rain. In case height 100% on an img actually streches it over the entire screen. Haven't tried it though.