Hi there,
I am trying to create a little flyout menu by doing this:
$("ul.ul_inner/li").hover(function(){
$("ul", this).show();
},function(){
$("ul", this).hide();
});
It seems to work, but has one big problem: The ul inside of $(this) is
hidden too early in IE6. The hover event is only recognized when
hovering text (the menu link) within the given li element (this), but
not when hovering the padding area or something. So it closes immediatly
after moving the cursor off the links.
The markup is like the following:
<ul class="ul_inner">
<li>
<a href="URI">MySubmenu</a>
<ul>[mySubmenu]</ul>
</li>
</ul>
Any idea how to fix this? :-) The list element is already display:block,
and when using the developer tools for IE it outlines the list element
exactly like firefox does, so there should not be the problem of a list
element thats really being too small, it just only works on the text and
not the element space.
Best regards,
Arne
