ok, here's a puzzle, what could it be? the stickiness of the menu is gone in IE7 in the code below. but remove the p tag containing the "s" and it is sticky again! what could do this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>Suckerfish with csshover | CSS Class</title> <style type="text/css"> body {background:white;} #nav, #nav ul { padding: 0; margin: 0; list-style: none; } #nav a { display: block; width: 10em; } #nav li { float: left; width: 10em; } #nav li ul { position: absolute; width: 10em; left: -999%; } #nav li:hover ul { left: auto; } /* Hack to help IE6 along */ * html body { behavior: url("csshover3.htc"); } </style> </head> <body> <p>s</p> <div id="wrapper"> <ul id="nav"> <li><a href="#">Percoidei</a> <ul> <li><a href="#">Remoras</a></li> <li><a href="#">Tilefishes</a></li> <li><a href="#">Bluefishes</a></li> <li><a href="#">Tigerfishes</a></li> </ul> </li> <li><a href="#">Anabantoidei</a> <ul> <li><a href="#">Climbing perches</a></li> <li><a href="#">Labyrinthfishes</a></li> <li><a href="#">Kissing gouramis</a></li> <li><a href="#">Pike-heads</a></li> <li><a href="#">Giant gouramis</a></li> </ul> </li> <li><a href="#">Fish</a> <ul> <li><a href="#">Fish1</a></li> <li><a href="#">Fish2</a></li> <li><a href="#">Fish3</a></li> <li><a href="#">Fish4</a></li> <li><a href="#">Fish5</a></li> </ul> </li> </ul> </div> </body> </html> On Wed, Jan 13, 2010 at 12:55 PM, Thierry Koblentz < thierry.koble...@gmail.com> wrote: > Theresa Newman wrote: > >> Hi Alan, > >> I tried the simple suggestion to convert the left value to a percentage > to > >> hide the submenu, but I still see stickiness.My simple page is below. if > you > >> view it in IE7, hover over middle menu (Anabantoidei), right click on > any > >> submenu item, then click on the first main menu item (Percoidei), then > the > >> Anabantodei submenu stays dropped. > > > > And as your code currently stands, that how IE7 should work in it's > > buggy way. I myself don't notice it since I have javascript turned off > > in IE8 (with compMode IE7) so the javascript is not processed, only the > > CSS is. Change the below, > > As a side note, it is said that using :hover on anything else than As can > create serious performance issues in IE. > > > -- > Regards, > Thierry | www.tjkdesign.com > > > > > > ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
