Chris Bradbury wrote: > I adapted a method I found on alistapart.com > (http://www.alistapart.com/articles/horizdropdowns) for creating > dropdown menus. > > The method showed how to create a vertically stacked menu which pushed > out expanded sub-menus to the right. > > I adapted this so I now have a horixontally lined up nav with sub-menus > that drop down vertically. > View here: http://thetin.net/forum/forumTest.asp > > My problem is that the menu disappears in IE half the time. > Can anyone provide a method to stop this happening? > > Works fine in firefox (surprise surprise) and netscape. > > Thanks for any help! > > ______________________________________________________________________ > 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/ > > > > Chris:
The problem is the "background: transparent" in a.top. IE and, I think, even Firefox don't recognize this as a hoverable area. If I move my mouse slowly down from the top-level nav anchor, the subMenu disappears (in both IE7 and FF2). There are probably a few ways to tackle this. Here's one that I've used in the past and that works across browsers: Get rid of the two useless anchors as the first two items of your subMenu, which isn't good practice anyway. Make a background image that is equal to what a.top and a.black look like right now. Under "li ul.subMenu," just have position, display, and width. Set "li:hover ul, li.over ul" to "display: block; top: 0; left: 0; margin-left: -52px;" and give it a padding-top of whatever the background image's height is, and drop the background image in. (To see exactly how this would work, just give "li:hover ul, li.over ul" a background color.) It may take some finagling to get the background image and padding just right, but in this scenario, the subMenu's hoverable area should be active as soon as you move the mouse 1px below the top nav anchor. Good luck! Brian -- Brian Riley http://www.seventysevendesigns.com ______________________________________________________________________ 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/
