[solved] Drop Down Menu Disappears in I.E.6 on Mouseover

[swanriver]

Hello,

I've been pulling my hair out trying to find a solution to this problem. Horizontal Drop Down menus disappear during mouseover in I.E. 6, but it works fine in FF. It starts out okay (in I.E.6), but when you try to mouseover the second, third, etc. options, the menu just disappears, thus frustrating both the user and, quite frankly, the developer. I'm using the CSS and javascript from http://forum.cmsmadesimple.org/index.ph ... 475.0.html. I've used this solution on other sites, but have never come up with this problem.

The URL for the test site is: http://www.pinebraestudio.com/index.php

Any insight would be greatly appreciated, and also prevent patchy baldness. 

Thank You.

[Dr.CSS]

I think it has to do with the spaces between the child lists, IE doesn't like those kind of spaces...

[swanriver]

Thanks Mark. I was thinking the same, too. I'll have a closer look at that, pronto.

[Greg]

Changing

Code: Select all

ul#navmenu ul {
  border: 0 none;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute; /* relative */
  top: 28px;
  left: 0;
}

to

Code: Select all

ul#navmenu ul {
  border: 0 none;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute; /* relative */
  top: 26px;
  left: 0;
}

Fixes IE7

[swanriver]

Thank you, Greg! That small change in CSS worked like a charm!    Guess I couldn't see the forest for the trees on this one.

I'll definitely keep this in my files for future use. Thank you again!