I have a css menu that the "on" or "focus" state isn't working. I suspect the OVER graphic is falling behind the background graphic of the nav, but I am not sure. How can I fix this?
Here is the page: http://korbyimagery.com/site/nwc/index.asp Here is the css for the menu: /*menu------------------------------------------------*/ #indentmenu {font: normal 13px Georgia, "Times New Roman", Times, serif; color: #474822; width: 490px; height: 49px; overflow: hidden; background: url(../images/navbg.gif) no-repeat left top; z-index:1;} #indentmenu ul { margin: 0; padding: 0 0 0 10px; float: left; } #indentmenu ul li { display: inline; } #indentmenu ul li a:visited {color: #474822;} #indentmenu ul li a {float: left; color: #474822; padding: 11px 17px; text-decoration: none; height: 49px; } .gap { float: left; text-decoration: none; height: 49px; background: url(../images/nav-div.png) no-repeat center top; width: 10px; z-index: 9999; } a:hover { color: #474822 !important; padding-top: 12px; padding-bottom: 4px; height: 49px; background: url(../images/nav-over.gif) repeat-x left top; z-index: 999; z-index: 9999; } a:focus { color: #474822 !important; padding-top: 12px; padding-bottom: 4px; height: 49px; background: url(../images/nav-over.gif) repeat-x left top; z-index: 999; z-index: 9999; } a.current { color: #474822 !important; padding-top: 12px; padding-bottom: 4px; height: 49px; background: url(../images/nav-over.gif) repeat-x left top; z-index: 999; z-index: 9999; } Thanks. -- Shanna ______________________________________________________________________ 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/
