I'm trying to make an animated navigation menu using unordered lists and list items. Test page here-
http://dev.gelatincube.com/jindo/ css here- http://dev.gelatincube.com/common/master.css (some css in-line and in head section of page, all javascript in head section of page). The problem: When you mouse over the left-most tab "home", the tab should rise slowly and only return to its original position when you mouse out of the entire tab. Instead, the browser (tested on Safari, Firefox, IE6) detects the list item within the tab (unordered list) as being an object outside of the unordered list and considers this a "mouseout" event. Also, for some odd reason, when I get rid of the javascript code that causes the menu to slowly rise, and instead just leave code to make the tab instantly taller, this unintended mouseout event doesn't happen. Try the second tab from the left, "products". So apologies in advance if this problem is entirely a javascript issue, but is there something special about the ul and li objects which are different than a div which causes this behavior? If I build something similar using just div items, it doesn't seem to have this problem. Any help on this appreciated, including pointing me to a decent javascript discussion list. - Ben ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
