Content BG Image Not Repeating

Hi Guys,

My div content has the white image in it for the background, the png, but it is not repeating for some reason, even though I tell it to. It’s almost like it isn’t registering the actual size of it, if I put a height of a certain pixel amount it does, but I need it to do it, its almost like its not reading the left-content and sidebar div’s which are contained inside the content div…

Here is the link…



Sorry, I’m not sure what you’re saying is wrong - do you want to take a screenshot and highlight the bit that isn’t behaving?
It looks OK to me - apart from the red text on red background…

A div does not wrap around its floated contents by default. You have to force it to. There are various methods, but the simplest is to add overflow:hidden to the containing div.

#content {
	background:url('images/content.png') repeat-y;
	width: 960px;
	height: 100%;
        [COLOR="Red"]overflow: hidden;[/COLOR]