1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

CSS pop ups get stuck in Internet Explorer

Problem

In Internet Explorer, your pop up menu appears but does not go away.

Solution

Make sure the rule for the nested (pop-up) element contains only the declaration that hides it.

Detailed description

The nested element appears when the cursor hovers over the link, but it stays visible when the cursor moves out of the link.

There are a few conditions that trigger this behavior, thus there are a few different workarounds that can address the problem, but the easiest solution is to make sure that the rule for the nested element contains nothing else than the declaration used to hide it. For example, the following would trigger the bug:

a:hover span {display:inline;}
a span {display:none;position:absolute;top:10em;}

But these rules would not:

a:hover span {display:inline;position:absolute;top:10em;}
a span {display:none;}

Test case

Text ID:

---