Hi there,

On this page, the css looks perfect in Firefox / chrome / safari, but a mess in IE.

http://blog.carolyneroehm.com/

Can some kind soul here take look and perhaps steer me in the right direction to what might actually be the issue?

Many thanks!!!!!!

I am in hurry but what I can see and suggest in this short time without testing.
Try display:inline; in element style (where is float left).

Try to use conditional comment for IE for li tag with smaller margin-right:
.li_cont1, .li_cont2 {
margin-right: 10px;
}

Thanks for the replies.

I'm still having a bit of trouble though, I can't quite figure out what element of the css is floated left that needs to be made display: inline.

Also, not sure how I might be able to fix some of those validation errors. What source were you using to find them?

I've fixed a few things, but still no luck in IE I think.

Oh yeah, I always use the web developer plugin...

This CSS theme is pretty intense though, not sure where exactly the problem actually lies.

Looks ok in IE7, so the question then becomes what VERSION of IE are you seeing the mess in ?

I don't see any problem from IE6-8. Which IE are you using?