Background Problem, Image does not stay in the same position when resized Options

[ThE DaRkSiD3]

Hi im currently working on my website xbox-clan.net and i want to change the background,
iam using a CSS for the background but i dont know how to get this to work.

on my screen the image is exactly where it should be i have a screen resolution of 1680x1050, my friend has a resolution og 1440x900 when he opens the site the background is in a diffrent position which ruins the background.

i dont know how to lock a background in the same position does anyone have any idea?

i'll put in 2 screenshots to show what i mean.

(These are big screenshots)

My screen which is good

My friends screen which is not good

I tried almost everything, i tried to find information about trying to use, 2 background images.. but this seems to be impossible?
my idea was to create a PNG image of the spartan renders and set them to center..that way they will always be in the right spot since that is where the website will also open,
and another image for the background itself.. but i cant seem to make that work and i cant find anything about it anywhere so i think that that is impossible?
if anyone can help me out that will be greatly appreciated.

[Darin McGrew]

It looks like you've centered your content, but that your background image is aligned to the left edge of the browser display area. You should either center them both, or align them both to the left edge of the browser display area.

[pandy]

You may need these links.
http://htmlhelp.com/reference/css/color-ba...d-position.html
http://www.w3.org/TR/CSS2/colors.html#prop...ground-position

[ThE DaRkSiD3]

alright thnx for the help i will try to get it to work right now

[ThE DaRkSiD3]

You may need these links.
http://htmlhelp.com/reference/css/color-ba...d-position.html
http://www.w3.org/TR/CSS2/colors.html#prop...ground-position

thank you so much! it works now im so happy
i changed to code in CSS to

body {
background-image: url("images/Index_BG.jpg");
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: no-repeat;
background-color:#1b1b1b;
}

those links where very usefull thnx again i will save those links in case i want to change it again.

[pandy]

The links you really need to save are these.
http://htmlhelp.com/reference/css/
http://www.w3.org/TR/CSS2/
From there you can get to everything.