> Can someone tell me why my drop-down menus are not holding in IE7?
>
> http://ecologic.taopowered.net/templates/index5a.htm
>
I should also add the the drop-down menus also are not holding in Firefox or
Opera ...
Can anyone help figure this out?
Here's the CSS for the #nav:
#nav { zoom:1; border-bottom: 1px solid #9c9; border-right: 1px solid #9c9;
border-left: 1px solid
#9c9; } /* hadLayout trigger for IE */
#nav, #nav ul { padding: 0 0 .2em; margin: 0 0 0 .8em; list-style-image: none;
list-style: none;
line-height: 1; z-index:1; background-color: #fff; text-align: center; }
#nav li { /* all list items */ float: left; width: auto; margin: 0; padding: 0
9px; }
#nav li a {display: block; text-align: left; text-decoration: none; color:
#069; padding: 1px;}
#nav li a:hover { color: #fff; padding: 1px; background: #369; }
#nav li li {width: 10em; padding: 8px 0px 0px 3px}
#nav li ul { position: absolute; width: 10em; left: -999%; border-top: 0px ;
border-right: 1px solid
#9c9; border-bottom: 1px solid #9c9; border-left: 1px solid #9c9;}
#nav li:hover li ul, #nav li li.sfhover ul { /* lists nested under hovered list
items */
left: -999%; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover
ul, #nav li
li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav
li li.sfhover ul {
left: auto; margin-left: -.3em; margin-top: .2em;}
#nav li li:hover ul { /* third-and-above-level lists */ left:10em; margin:
-1em 0 0 0 }
#nav:after { /* easy clearing method */ content: "."; display: block; height:
0; clear: both;
visibility: hidden;}
Mary Jo
______________________________________________________________________
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/
