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?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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
Kim WalkerWeb 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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.