Hi, I'm having trouble with this css drop-down/hover menu. Its working perfect in firefox and safari, but will not show up in IE 6 & 7. You can see it here: http://www.ozworkz.com/delnorte/temp/
The drop-down is only on the "Locations" menu item. The drop-down would not show up at all in any browsers until I added the "z-index: 99;" to the css. Here is the css for the menu: (I'm sure its not the most efficient, but I'm just trying to get it to work at this point). view the full css here: http://www.ozworkz.com/delnorte/temp/style.css also I've set it up so that when the text-size in the browser is increased, the menu stays in tact (the background images appear the same). if that makes sense. /* NAVIGATION */ #nav ul { margin: 0; padding: 8px 5px 0 15px; height: 27px; list-style: none; background: url(images/menu-left.gif) 0 0 no-repeat; float: right; } #nav li { display: inline; margin: 0; padding: 0; list-style-type: none; text-align: center; } /* Home Home _______________________________________________*/ .home { padding: 4px 12px; } a.home { font-family: Trebuchet MS; font-size: 1.3em; font-weight: bold; color: #750C10; text-decoration:none; } a.home:active { text-decoration:none; } a.home:hover { color: #FFF; text-decoration: none; } /* Locations Locations _______________________________________________*/ .locations { padding: 6px 15px; } a.locations { font-family: Trebuchet MS; font-size: 1.3em; font-weight: bold; color: #750C10; text-decoration:none; } a.locations:active { text-decoration:none; } a.locations:hover { color: #FFF; text-decoration: none; } #nav ul .secondlist { /* second-level lists */ position: absolute; background: #BDA989; border: 2px solid #7F2E14; width: 145px; height: auto; margin:4px 0 0 50px; padding: 0; z-index: 99; left: -999em; } #nav ul .secondlist a { text-decoration: none; display: list-item; background: none; padding: 5px 0; color: #51432D; font-size: 1.0em; font-weight: bold; } #nav .secondlist li a:hover { background: #7F2E14; color: #FFF; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* Information Information _______________________________________________*/ .information { padding: 4px 15px; } a.information { font-family: Trebuchet MS; font-size: 1.3em; font-weight: bold; color: #750C10; text-decoration:none; } a.information:active { text-decoration:none; } a.information:hover { color: #FFF; text-decoration: none; } /* Photos Photos _______________________________________________*/ .photos { padding: 4px 15px; } a.photos { font-family: Trebuchet MS; font-size: 1.3em; font-weight: bold; color: #750C10; text-decoration:none; } a.photos:active { text-decoration:none; } a.photos:hover { color: #FFF; text-decoration: none; } /* Contact Contact _______________________________________________*/ .contact { padding: 4px 15px; } a.contact { font-family: Trebuchet MS; font-size: 1.3em; font-weight: bold; color: #750C10; text-decoration:none; } a.contact:active { text-decoration:none; } a.contact:hover { color: #FFF; text-decoration: none; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
