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 http://www.colorzilla.com/gradient-editor/
- 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.
Newsletter-ONLINE.html
nzinsliAsked:
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.
0
 
Eddie ShipmanAll-around developerCommented:
Could it be related tho this:
"NetworkError: 403 Forbidden - http://s7d2.scene7.com/is/image/Baudville/FACEBOOK?fmt=png-alpha"
0
 
nzinsliAuthor Commented:
No, not sure why you're getting that...I can get to that fine.
0
 
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!
Newsletter-ONLINE.html
0
 
nanharbisonCommented:
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:
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
0
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.