Problem

Are your CSS hover menus sticking open in IE after the mouse has left the hit region?

Solution

Given the following markup:

<ul id="nav">
  <li>
    <div class="dropdown">
      <ul>
        <li>NavItem</li>
      </ul>
    </div>
  </li>
</ul>

IE doesn’t like hiding via the off screen positioning method.

#nav ul {
position:absolute;
left:-999px;
}
#nav div.drop:hover ul
{
  left:0;
}

So we’ll just switch it to use the display property instead.

#nav ul {
position:absolute;
display:none;
}
#nav div.drop:hover ul
{
  display:block;
}

CSS, HTML, IE, Internet Explorer