Terminating a repeating Background Image

[murph402]

I have been struggling with this problem for a while, and i cant seem to find anything about it in other CSS forums. It seems simple: i want my "body" background image to stop repeating at the end of my main content area of the page. If you take a look at my sample page, you'll see what i mean immediately if you just make your browser window a little larger:
theaubribrownclub.org/proofs/index_test.html

Here is my CSS if that helps troubleshoot the problem:
theaubribrownclub.org/proofs/css/styles.css

My URLs in this post do not contain a "www" so please just add that when you copy and paste them into your browser. Thanks so much in advance to anyone who can offer suggestions!

[ivanfx]

OK, why don't you try another way around. Make the background grey, and put an background image in the content wrapper (image would be shorter)

[murph402]

Hey ivanfx - thanks!

I had tried it that solution earlier, but didn't fully experiment with it until you suggested it. It works how i want it to now. i will post the link when im done in case someone else wants to see how to do it.