css; background is being rubbish.

[RandomTom]

First of all the I have this current problem with http://upleft.co.uk, but I was going to re-do it anyway but I've come across the same problem

http://www.twobeds.com/upload/userfiles/RandomTom/upleft/test.html

You'll see in IE that the background re-applies itself to the width of the content, how can I get past this, I'm sure it's a simple question with a simple answer, thanks.

body, html {
	margin: 0 auto;
	padding: 0;
	width: 720px;
	color: #000;
	font: 0.9em tahoma;
	background: #F9F7EF url("images/test/grads.gif") repeat-x;
}
#wrap {
	padding-top: 260px;
	width: 720px;
	overflow:visible;
	margin: auto;
}

 

[RandomTom]

I doubt that, id hope he is a bit better than that.

I assume its the fact that the background is reapplying itself to his main content div?

Yeh that's what I'm asking, I've usually had work arounds but with big noticable stripes like this its not. I do want it to repeat for the entire width of the upper section, but yes it's reapplying. I already have selected a background for the content area so that's why I'm a bit stumped.

edit: omg murder myself here! I only had to remove the 'width' from the html,body tag in the css, When I add floating images and the logo into that background I hope I'll have a decent enough work around by then, hmm...lol

 

[RandomTom]

Actually I need another way to do this, I still need the 720px width in the body or html tag because any images I put in won't sit right, and the footer line has extended to the entire page, hmm...

edit:

html {
	background: #F9F7EF url("images/test/grads.gif") repeat-x;
	font: 0.7em arial;
	color: #333;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 720px;
}

FIXED