Hello, I'm using CSS/JavaScript dropdowns here:
http://help.hyperarts2.com/ and they work perfectly everywhere except IE 6, and they *almost* work with IE 6! CSS: http://help.hyperarts2.com/_inc/nav.css JavaScript: http://help.hyperarts2.com/_inc/main.js The other styles are in the head of the index page, for now. Basically, it's this structure: <div id="top"></div> (just a top graphic) <div id="container"> </div> position: relative no z-index <div id="topnav"></div> Contains the horizontal nav (position: relative) and the dropdowns (position: absolute; z-index: 10;) position: relative; z-index:21; <div id="flash"><img></div> Contains only an image No positioning No z-index The dropdowns are "hidden" until activated by a rollover which triggers the javascript. If the user mouses down below the dropdowns, they're turned off by a "nodrop()" function which hides all. I've tried to use a onmouseout event on the dropdowns themselves to hide them, but it just doesn't work. And this way does work, almost. If I get rid of the image in the "flash" div, then IE 6 is happy and a rollover hides the dropdowns. With the image there, it activates the hiding while the user is still mousing over the dropdowns. An article I read here: http://www.aplus.co.yu/css/z-pos/index.php was helpful in setting the z-indexes to make IE 6 happy. So it's just the presence of the image that causes the browser to put the "flash" div above the dropdowns. The way out will be most appreciated! Finally, if there's a way to keep the active state on the top-level nav when mousing over the dropdown, that would be great. Tim ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
