gradient background issue

Hi,
I’m having issues with my background as you can see: http://216.172.185.6/~kandy/guests/

Does anyone know why the background isn’t repeating correctly?

My CSS looks like this:

body
{
	margin: 0 auto;
	padding: 0;
	background-image: url('http://216.172.185.6/~kandy/images/bg.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top left;
}

#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}

.norm
{
	color: #525252 !important;
}

#art-page-background-gradient
{
	position: absolute;
	background-image: url('http://216.172.185.6/~kandy/images/bg.jpg');
	background-repeat: repeat;
	top:0;
	width:100%;
	height: 100%;
}

#art-page-background-gradient
{
	background-position: top left;
}

thanks in advance!