Hi -- I'm working on a site with a nav area that exposes panels/menus when a parent <li> is hovered over -- using hover(). Some of these panels contain forms, including <select> objects. When I click a select in one of these nav menus, and then mouse over the options, it causes the containing menu panel to disappear. I assume this is because the browsers don't consider the option menu part of the <select>, and therefore not contained within the parent <li>, so it reacts as if the parent <li> is no longer being hovered over...?
Is there any fix for this? Via some Google searching it sounds like this has something to do with the relatedTarget property, but I am not sure how to come up with a fix that will keep the <li> as still registering as hovered. Thanks!