1 reply to this topic

[Joey_Bose]

Hey,

I've developed a aimple flyout menu using CSS and HTML. The menu looks fine in firefox, but each menu item separates when viewed in IE.

Here is the link: Vertical Flyout Menu

the CSS stylsheet that is referenced is : http://seas.virginia.edu/test/redesign08/w.../nav/shared.css

Could someone please tell me how to fix this error in IE?


Thanks,


Joey

[PaintingBlack]

Heres what I found:

Works fine in IE7, no problems.
Doesn't display at all in IE6.
The error you were talking about appears in IE8.

I really can't pinpoint the exact problem, but I'd advise you to clean up your CSS, a lot. It's pretty cluttered. Not to mention that you shouldn't be worrying about IE8 yet at all.

If you really want to fix the problem without having to do a lot of work, however, use this code in your head tag.

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Basically what this does it forces IE8 to render pages as IE7, which could be useful in some cases of websites breaking. I even use this on my own personal website.

Edited by PaintingBlack, 13 March 2008 - 04:51 PM.