Repeat BG for #content Not working in IE

Ok, for testing purposes I tried to put the

background-image: url(images/content-bg.gif);
background-repeat: repeat-y;

in the #page tag in my CSS and it worked in IE. So now I’m really stumped. I don’t see how it is working in one and not the other.

Have you got another area “surrounding” your content which has a background color? Sometimes layering graphics can get to be a serious pain….

The only one would be the #page tag. And I have even just tried removing the background-color just to see if that was the problem and that was no help.

I’m pretty good with CSS but I have never seen something like this happen. I’m new to WP so I figure there must be something that I’m missing, but there again I have looked high and low and I see nothing.

Okay, so are we actually talking about the right column backgrounds? Are those colors produced by graphics?

LOL… OK I even tried putting

background-color: #FFCC00;

in the #content tag and that color doesnt show up. I also removed all other background colors and just left that in the #content tag and still nothing. So not even a background-color is working… >:(

I see, it’s a 3-color graphic bar…. hmmm. Lemme look at the css a bit….

So do you have your columnar stuff inside the index.php or are you calling separate sidebars? Don’t know why that would matter, since FF seems to be perfectly happy with whatever you’re doing (oh, THERE’S a surprise….)

“Okay, so are we actually talking about the right column backgrounds? Are those colors produced by graphics?”

Yes there is a .gif that I made for the background of the main content and contains 3 shades of green so it will repeat all the way down. you can see what the difference is if you look at it in IE then FF.

I do call in the far right side bar ( with the darker green headers) with a php include statment. The other side bar is the same by default.

So I don’t know what the hell… other than IE is the worst POS on the market…

Yah…. I don’t see a thing in the css that might be a problem though…. but just for kicks n grins, try rewriting the #content css like this:

#content {
background:#FFCC00 url(images/content-bg.gif) repeat-y 0% 100%;
font-size: 1.2em;
margin: 5px;
}

I’ve had one client site where I had to set up the horizontal and vertical elements that way to get it to be right in IE.

Still nothing. Unbeleiveable…..

God I hate IE!

Don’t we all. Well, that’s just too strange. I’m going to grab the graphic and your css, and see what happens when I play with it a bit.

Sounds good. Thanks for the help BTW.

Well, so far: IE can load the graphic just fine without any css or index.php. I’ve begun commenting out bits n pieces, not coming up with anything yet.

I’ll keep looking.

It’s a width thang.

Test by adding something like width:100%; to #content.

Yup, you beat me again! Just got to that, and back to post….

Works with 100%, would probably work with the actual width of the graphic too….