Content BG Image Not Repeating

HTML & CSS
1

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…

http://www.godfatherrecords.ca/hoodenvironment

Thanks,

Mike

2

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…

3

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;
	padding-top:10px;
	width: 960px;
	height: 100%;
        [COLOR="Red"]overflow: hidden;[/COLOR]
}