Submenu disappears on mouseover in IE 6

[teamleaf]

For some reason in IE 6, my submenu doesn't seem to stick around when I try to get to links on it.

www.laduefootball.org

[SB65]

I get the issue in IE7 as well.

It looks as if the hover is lost as the mouse moves off the top level menu div. Try adding a background colour to your second level menu ul:

.menu .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
background-color:#003366;
}

This looks like it works in IE6 and IE7 using the IE developer toolbar.

[kibaki20]

I think javascript can fix that.

[teamleaf]

Thanks SB! I'm not understanding why it needs a background to maintain the hover ability but whatever. I'm happy.