I launched a site last night, where I am using the following code in the Style & Edit Header Area "<div id="imagecontainer" class="header-image-container"></div>". I read about this on a post here, so I could then dictate different headers for each page in the site (through CSS Inserts). It works beautiful on Safari and Firefox. My Windows PC was down last night, and when I checked this morning IE is not showing the headers at the top at all. The correct space is there, but no image. Any thoughts.

The site is www.foodandspirit.com

Thanks for any help someone can offer.

it's working fine when I look at in IE8. The only page with a problem is BOoks. It shows a white background in IE8 while Safari shows a green background

It was not in IE6, or IE8. I figured out what the problem was and it was my fault for not scrolling and reading the rest of what you typed in this post http://forum.bytesforall.com/showthr...=div+container. I was missing the "!important" at the end of the background CSS code. The instructions were working beautiful in Safari and Firefox, but the header was not showing on any pages for any version of IE. Once I added that, Voila it was showing.

Goes to show - IE stinks - AGAIN!

So, it was all my fault and I am sorry about that. Consider this issue closed!!

Thanks, Juggledad. Once again!

Yeah, any thoughts on that Books page. The CSS for that is the same for all other pages, but I have NO idea why it is not showing the green background (with broccoli). Looks fine in Firefox and Safari, and not in IE. I did nothing different for that page, that I can think of.

you don't have the '!important'

body.page-id-572 {
background:#b9e5fb url(http://www.foodandspirit.com/images/BG_Blueberry.jpg) repeat-x fixed center bottom
}

I tried that, and don't think it worked. Not to mention I don't have that written on any of the other pages. Why are they all showing up perfectly fine, and this is the only page that does not show the background. I just found that "odd", although totally in line with IE from what I have worked with.

not sure, I was just comparing a page that worked to the one that doesn't and found that difference.
The CSS was also out of order verses the other pages and I didn't check anything else, so you may want to go over them with a fine tooth comb to see if there are any more differences.

Thanks. I'm just not seeing a difference from that page and others, because the others do not have the important and this one does. It is so weird, I even changed the order of the elements and even placed all of the CSS for this page at the top before others and it still does not show properly for IE - but all other pages are right on target. It is so weird.

Here is something weird. I removed the code dictating in CSS Inserts that the background of that page should be:

body.page-id-543 { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: #d1e7c1 url(http://www.foodandspirit.com/images/BG_Green.jpg)repeat-x fixed center bottom !important;
color:#535250;
margin:0;
padding:0;
text-align:center;
}

I then entered the same background line above into the Body, Text & Links area of Theme Options. Since I am not telling it anything specific in CSS, the page should then take its queue from the Theme Options. It does for the Books page in all other browsers, but IE is still not showing it at all. I have a white background. Any thoughts why that is happening?

try this,
1) change the page id for one of the other css selectors to this page and see if it works.
if it does, then it's got to be a css selector problem
if it doesn't, change it back and

2) change the image for the books page to one of the others and see if it works.
if it does, the image must be the problem
if it oesn't, start scratching your head

Changing the image for that page did not work, changing another page to point to that image did work. But, I just copied the line from another page :

body.page-id-536 { 
background: #fcf8c5  url(http://www.foodandspirit.com/images/BG_Lemons.jpg) repeat-x fixed center bottom;
}

and changed the file it points to, background color and the page ID, and the darn thing works. What I don't get is here is the original line I was asking the Green page to use. I see no difference, between this below and the item above other than the obvious color.

background: #d1e7c1 url(http://www.foodandspirit.com/images/BG_Green.jpg)repeat-x fixed center bottom;

OMG - it is all in the spacing. Obviously IE insists that there be a space between the closing parenthesis and then where I have "repeat-x". Other browsers do not need this, therefore they were able to read the line and IE (no version according to someone I had testing IE8 and I have IE6) was able to read it. Makes no damn sense!!

Sorry, just terribly frustrated at IE (who isn't).