CODEWITHSUNDEEP
css
Extelliqent
Extelliqent

Reputation: 1856

CSS Dropdown Menu Disappear in IE

My menu looks great in firefox and chrome. But IE. It dissapears. Anybody can help me ?

http://tinyurl.com/6yzd2jc

Upvotes: 0

Views: 950

Answers (1)

sdleihssirhc
sdleihssirhc

Reputation: 42496

Here's my guess as to what's happening. Could be totally wrong.

The dropdown is supposed to disappear when the user mouses out of the link or the dropdown itself. But the problem is, there's a gap of a few pixels in between the link and the dropdown; this shows up in all browsers; I had trouble with it in Chrome before I even opened IE.

But when I did open it in IE, I saw that the links were even further away from the dropdown menus, so the problem was exacerbated.

If you go back to the CSS and make sure that there's no gap in between the link and the dropdown menu, does that fix the problem?

Edit to actually answer the question

There are a few CSS changes you could quickly make to fix the problem:

  • Get rid of the height style on #mNav
  • Add a <div> with the style clear: both to #topNav, after the <ul>
  • Give each ul li a style of height:25px

It's not pretty, but I think that solves it.

Upvotes: 7

Related Questions