Page 1 of 1

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

Posted: Thu Aug 09, 2007 4:12 pm
by 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.

Re: Drop Down Menu Disappears in I.E.6 on Mouseover

Posted: Thu Aug 09, 2007 5:04 pm
by Dr.CSS
I think it has to do with the spaces between the child lists, IE doesn't like those kind of spaces...

Re: Drop Down Menu Disappears in I.E.6 on Mouseover

Posted: Thu Aug 09, 2007 5:55 pm
by swanriver
Thanks Mark. I was thinking the same, too. I'll have a closer look at that, pronto.

Re: Drop Down Menu Disappears in I.E.6 on Mouseover

Posted: Thu Aug 09, 2007 11:19 pm
by 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

Re: Drop Down Menu Disappears in I.E.6 on Mouseover

Posted: Fri Aug 10, 2007 12:10 pm
by swanriver
Thank you, Greg! That small change in CSS worked like a charm!  ;D  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!