css div background doesnt repeat with content

[reyna12]

Hi,

Title might be slightly wrong, it does repeat but only if i set the size, i have set height to 300px to show you. How do i get it to continue repeating with the content that's in the div's which are placed inside it?

http://www.designerhost.co.uk/latics

Many Thanks

[Excavator]

Hello reyna12,
Clear your floats and the container will expand, along with the background image, to enclose it's content. No need for height here.

Try this -

#contentbg {
	background: url(images/contentbg.png) repeat-y;
	width: 985px;
	margin-top: -40px;
/*height: 300px;*/
overflow: auto;
}

http://www.quirksmode.org/css/clearing.html

[reyna12]

Originally Posted by Excavator

Hello reyna12,
Clear your floats and the container will expand, along with the background image, to enclose it's content. No need for height here.

Try this -

#contentbg {
	background: url(images/contentbg.png) repeat-y;
	width: 985px;
	margin-top: -40px;
/*height: 300px;*/
overflow: auto;
}

http://www.quirksmode.org/css/clearing.html

adding the overflow line just adds scrollbars to the div :S

[reyna12]

nevermind, i was using clear but stupidly at the same time as setting the div height. all sorted thanks