How can I make the background on this page stop moving at a certain point?

[rxbanditboy1112]

On this page, and all the pages on this site. The background correctly scales until the content is smaller than the window size. Then the background continues to move in through the content. Is there any way i could stop this?

 

http://www.surehitter.com/main.php

username: surehitter

password:temp123

 

I would make the background color of the wrapper div white, but then the floating ball off the edge of the page would also have a white background and that is no good. Thanks for the help.

[phpQuestioner]

you provided the wrong log-in and/or password; so I can not see what you are referring to.

[rxbanditboy1112]

ooops! Sorry password: temp123~

[phpQuestioner]

background:url('http://www.surehitter.com/assets/background.jpg') no-repeat

 

I assume that is the background image you are talking about.

[rxbanditboy1112]

Well now i fixed the original problem, but in firefox the image doesn't repeat after a while, but i feel like it is doing that because something is ontop of the background, but there isn't anything! UGH! Frustration... haha.

[rxbanditboy1112]

yes that is the background, however, it is repeating in the y direction.

[phpQuestioner]

background-repeat: repeat-x;