Background-position problem

[silentace]

I have a good grasp on HTML/CSS but I don't know if there is an issue with the PHP or what. My background-position changes depending on what section you are in.

 

http://client.surrealhosting.com/

 

If you go to each section the background position moves up or down. The CSS for body is below.

 

body {
background-image: url('http://www.surrealhosting.com/images/background.jpg');
background-position: center;
background-repeat: no-repeat;
background-color: #666;
}

 

I assume its something to do with the bottom divs or something along those lines... but not sure which one would effect it. Just trying to get the background to stay in one position so you don't see a change per page.

[mojowill]

try changing background postion to : top center

[BAJI26]

Try Fixed position.

 

body {
background: url('http://www.surrealhosting.com/images/background.jpg') #666 no-repeat fixed center center;
}

Edited June 22, 2009 by BAJI26

[silentace]

try changing background postion to : top center

 

thanks, worked like a champ. Just wondering why i never ran into that issue before. Thanks again