CSS Issues With IE - Can Anyone Explain?

Please look at my site in Firefox then IE:

http://sirantonycartwright.joolo.com/

Can you see the maroon bar underneath the hyperlinks in the horizontal bar?

What gives? Why is it doing that?

Please help.

CSS Issues With IE - Can Anyone Explain?windows xp service

Because Ie has a huge problem with text. If you download the ie developer tool bar you will see that IE puts text blocks where it doesnt have tags touching, it doesnt ignore space between the elements.

If you go from code that looks like this and remove the spaces it will make a huge difference, even though it shouldn't.

So going from %26lt;/a%26gt; %26lt;a href="... to

%26lt;/a%26gt;%26lt;a href=".. makes a difference. I have tested your page after removing that it it doesnt display that bar.

Because it is a dreamweaver template you may have to edit that part in note pad just to fix it.

Good Luck.

CSS Issues With IE - Can Anyone Explain?microsoft xp internet explorer

OK well it does look fine in FF, in IE7 the maroon bar flashes and then disappears.

The reason appears to be because you've given the div MenuTop a background-color property with a value of of maroon in your style sheet.

Either delete this property or change the value to transparent.
I don't get the maroon bar you're talking about in IE7 or Firefox 2.

HOWEVER, I do see some extra semi-colons in at least 4 spots in your stylesheet that could be causing problems (they're AFTER the comments)

and also this style that's declared wrong...

(part of h1)

font-family: font-weight: bolder;