CSS background repeat and position issue

Hi,

I am having trouble with a block of css on my site. I have a div set like this:

Code:

		.content {
		position:relative;
		background-image:url('layout_05.jpg');
		background-repeat:repeat;
		background-position:0px 317px;
		color:#FFFFFF;
		float:left;
		width:100%;
		margin-top:50px;
		}

the background position tells it to start 317px down the page, but I need this image to repeat, and with the background-repeat tag, it overwrites the entire div, instead of starting 317px down, is there a way to stop it from doing this?

 

Not sure if this will work but its worth a try, Put the repeat after the 317px. Like this:

Code:

		.content {
		position:relative;
		background-image:url('layout_05.jpg');
		background-position:0px 317px;
		background-repeat:repeat;
		color:#FFFFFF;
		float:left;
		width:100%;
		margin-top:50px;
		}

 

no it doesnt work... but thanks for trying

 

im not sure exactly what your trying to do- could you make the section you want backgrounded a separate div?