Tripple div, no image repeat in IE 6

[stevierg]

So quite frankly I don’t care much about IE6, but as life is until 2011 it is likely required to be required support.

I’ve been designing a wordpress theme and I have a custom section for the articles.

Each article is surround by 3 div’s. One to show the top graphic of the article, one to show the bottom and a repeating one for the background.

Code:

Content here!

And in the css I have

Code:

#postBody {
background:url(../images/postBodyBG.png) repeat-y scroll center top;
}

#postBodyBottom {
background:transparent url(../images/postBodyFooter.png) no-repeat scroll center bottom;
}

#postBodyTop {
background:transparent url(../images/postBodyHeader.png) no-repeat scroll center top;
padding:3px 10px 10px 10px;
height:100%;
}

Everything appears fine, but in IE6, the #postBody does not show, the ‘repeat-y’ doesn’t appear to be working.

The bottom and the top images are appearing fine.

Any ideas what could be causing the problem or how to fix it?

[Author]

Posts