I inherited on some tabbed, multi-level navigation that appears on mouseover. It works in IE6, IE7, IE8, PC Firefox, and PC & Mac (Firefox, Chrome, Safari, Opera). BUT NOT IE9 (9.0.7930.16406 beta).
I've tracked the mouseout event function it to this line: var tabbed = relatedTarget.up('ul.navlist>li'); Here's the HTML structure: <ul id="navigation" class="navlist"> <li class="about hover"> <a href="">About</a> <div> <div class="imgframe"> <img /> </div> <ul class="secondary"> <li class="company-info"><a href="">Company info</a> <div class="tertiary"> <li><a>Heritage</a></a></li> <li><a>Company</a></a></li> <li><a>Relationships</a></a></li> </div> </li> </ul> </div> </li> <li class="dealers"> <a href="">Dealers</a> <div>etc.</div> </li> <li class="products"> <a href="">Products</a> <div>etc.</div> </li> <li> <a href="support">Support</a> <div>etc.</div> </li> </ul> The "tabbed" variable is set to the top-level LI object of the element that the mouse just left. This works perfectly in all browsers except IE9. For example: When you hover over the About link, "tabbed" is an HTML object with a tagName and className of LI.about. And when you hover over the now-visible "Company Info" link, you get the same value. BUT IE9 returns the first LI it sees. So when leaving the About link, "tabbed" = LI.about. But when leaving "Company Info" it is LI.company- info. I've tried several different versions of selectors, but I'm ready to brute force it by walking back up the ancestors tree. Any advice? -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptacul...@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.