Posted by Beauregard T. Shagnasty on 02/01/08 17:22

poundcommapound@gmail.com wrote:

> I'm working on a site that uses dropdown menus, and I'm having some
> trouble in IE. When you mouse over a menu header, the dropdown comes
> down as expected. However, as you move down the dropdown to select an
> item, the dropdown disappears as soon as the mouse hits the next
> element down (in my case, an h3). If I move the h3 down further, more
> of the dropdown is accessible, but that's not an option. Of course,
> FF and Safari display properly.

What happens if you remove the IE-specific style sheets?

> Also worth noting is that if I set the dropdowns to be always
> visible, the problem doesn't happen - I can go up and down the menu
> without any problem - it only happens when the menu is set to
> disappear when it's hover condition is no longer met.
>
> There's a lot of code involved with this thing, so I didn't include
> it here. It'll probably be easier to firebug it or just look at the
> code.
>
> Anyone that could help would be my hero (and a genius, probably).
> Thanks!
>
> Here's the page link: http://s212807978.onlinehome.us/beta/training/index.html

The validator says you have a missing </ul> on
"Line 122, Column 4: end tag for "ul" which is not finished ."

There are also several CSS errors listed by that validator. It also
appears to be overly complex, making a quick troubleshoot quite
difficult.

Or maybe it has something to do with all the negative pixel margins all
throughout your CSS. <boggle>

Before you go much further, I feel you should fix the page so it is
legible. I have to press Ctrl-Plus twice in order to read it.

body { ...
font-size: 50%;
... and
font-size: 62.5%;

Please see this page:
http://k75s.home.att.net/fontsize.html

You have no background color assigned to body.

--
-bts
-Friends don't let friends drive Vista

[Back to original message]