Background imagine not lining up

Hi all,

I have a background image, let’s call it the “wrapper,” the red flamey image that adorns the sides (my site is at http://www.metalsucks.net).

All looks fine when the browser window is big enough… but if I resize the browser window to smaller than the width of the site, the wrapper continues moving left while the header and all of the content stay put.

How can I make the “wrapper” stay put when the window width is smaller than the width of the site?

The Body code from my stylesheet is as follows:

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #000000 url('images/sidegraphicnew.gif') repeat-y top !important;
	}

Any help would be appreciated. Thank you.