CSS Color problems in IE

Can someone take a look @ http://blog.ginacacace.com and give me some idea as to why it looks perfect on Firefox, but is unreadable on IE?

I've attempted changing the color codes to/from hex to/from plain-english, but to no avail.

My google-fu is lacking, I reckon.

Thanks so much.

 

The problem is in the .post class in your CSS. IE seems to think the background-color is black. Very weird because you've putted the green color their. I saw you've tryed to fix it by putting it twice in the same CSS but I wouldn't recommand that. Remove the background-color: #5e8000; and stick with the background: #5e8000;. Maybe it has to do with overflow: hidden; but I don't think it's that. You could try to put in display: table; in the .post class and see what that does. also remove this

            .post:hover {
	           ;
	        }

Code (markup):

or put it between */ /*. I never seen a problem like this in IE, though I'm over 6 years in the XHTML/CSS business.

 

Dude! I think maybe you forgot about this:

<!--[if IE]>
            <style type="text/css">
                .post, #navigation, .meta { background:#010101; }
            </style>
        <![endif]-->

Code (markup):

The thing that gave it away was that this was happening in all versions of IE. Also, often an easy way to debug phantom colors is to figure out what the hex is then search for it.

 

As a side note -- I find the text within boxes very hard to read, even with the text size bumped up three increments. On the other hand, all the text is very readable by simply disabling the style sheet -- that is how I browse most web pages anyway.

James