IE Styling issues

I'm having issues with a new template in IE. See the attached html and open in FF & IE to compare. The issues include:
- Top header not taking background color. I can fix this by moving background: #eb444c; to the end but then the other browsers use that as well. I got the gradient code from
- The first main content area doesnt show itself until you tab to another program and back, or hover over it with developer tools...?
- The background image is not stretching down to the size of the div
- The white background on divNewsCatContainer is not there

Can anyone help me fix these? I normally do ok at fixing IE issues but these have me at a standstill.
Who is Participating?
Kim WalkerConnect With a Mentor Web Programmer/TechnicianCommented:
What version of IE are you using?

-Top header css does not include the filter: progid:DXImageTransform.Microsoft.gradient(...) style which is supported by IE6-9
-I don't see a problem with the first main content area in IE7 or IE8 which are the only two versions I have access to at the moment
-The background is ending at the <div style="clear:both;"></div>. Move that after the bottom two news containers instead of between #2 and #3.
-I can't explain why the white background is not showing in NewsCat1Container or NewsCat2Container, but that can be fixed by assigning a white background to those two divs.
Eddie ShipmanAll-around developerCommented:
Could it be related tho this:
"NetworkError: 403 Forbidden -"
nzinsliAuthor Commented:
No, not sure why you're getting that...I can get to that fine.
nzinsliAuthor Commented:
Sorry, using IE8.

I had removed the filter because I didnt think it was working and has caused me problem in the past, but now I see why what was wrong.

The clear div wasnt there before and still caused the bg issue.

I seem to have fixed the rest of the issues with a height hack that I found where you need to declare the elements with backgrounds a height or width, and then undo it for non-ie.

Thanks for your suggestions!
You can create style sheets that only IE recognizes, they are called conditional style sheets. Here is one explanation of how to do it, under solution number 3:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.