I have a div (main 2) where I want the image to repeat-y as I enter more text into the website. Instead of repeating, the image disappears.

It works when I suggest a height for the class but not when I take the height out and add text.

I also have two divs inside of the main2 that floats text left and right.

Can anyone help?

Thanks,
Toya

Website found here: http://www.toyaburton.com/index.php/contact

.main2{
background: url(images/mainMid.jpg) center repeat-y;
width:871px;
margin: 0 15px 0 15px;
}

.contentLeft{
float: left;
width: 545px;
margin:10px 0 0 20px;
}

.contentRight{
float: right;
width:250px;
margin: 10px 20px 20px 20px;
}

You have not CLEARED your floats:

http://www.webmaster-talk.com/css-fo...you-clear.html

Add overflow: auto; to .main2 to clear the floats inside it.

Thanks for the response. I read into the floats and added the overflow but it still is the same. The image doesn't repeat-y

.main2{
background: url(images/mainMid.jpg) center repeat-y;
width:871px;
margin: 0 15px 0 15px;
overflow: auto;
}

.contentLeft{
float: left;
width: 545px;
margin:10px 0 0 20px;
}

.contentRight{
float: right;
width:250px;
margin: 10px 20px 20px 20px;
}

In what browser??? I added overflow:auto to .main2 and your background appeared just fine.

Thanks! I had to clear my cache to see the change.