background image position - Help Please!, I can't figure out what is causing this. I thnk it's something Options

[KimberlyRoberts1337]

I applied a background image to the body of this website and positioned it at the top so it gives the illusion that the background color fades from one color to another. On the homepage it looks correct, however when I add excessive text to the body of the "Rates" Page, the background image appears to be shifting down from the top. I can't seem to figure out what I have done wrong. Can anyone see the problem?

I am viewing this page with Firefox.


http://www.extremejetskioforlando.com


The page with the problem is:
http://www.extremejetskioforlando.com/rates.html


Sincerely,
Kimberly

[pandy]

You have written it wrong. You use one declaration for the horizontal position and one for the vertical position. 'background-position' takes two values. If one is omitted it's set to 'center'.

"If a background image has been specified, this property specifies its initial position. If only one value is specified, the second value is assumed to be 'center'."
http://www.w3.org/TR/CSS2/colors.html#prop...ground-position

You have this.

CODE

body   { background-position:top;
         background-position:center }

Which is the same as this.

CODE

body   { background-position:top center;
         background-position:center center }

So you see that the second declaration overrules the first.