I have a subnav which does not display properly in Firefox. I found a solution to the indent problem elsewhere on the forum, but now I need to correct the colors. There is a test page at ************* where you can see the problem. The subnav is supposed to be gray background, but it is copying the same blue background of the list in which it is embedded. It displays properly in ie. Hope someone can help. The relevant css is:
#navigation { clear: left; float: left; width: 260px; color: #cccccc; padding: 0; margin: 0; } * html #navigation { height: 1%; } #navigation ul#nav1 { background-color: #6699cc; text-align: left; color: #cccccc; list-style: none; width: 260px; padding: 0; margin: 0; } * html #navigation ul#nav1 { margin: -5px 0 0 0; } ul { list-style-type:none; overflow:hidden; padding-left: 0px; } #navigation ul#nav1 li { background: #0033cc; border-top: 5px solid #6699cc; color: #cccccc; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 0; text-decoration: none; text-transform: uppercase; width: 260px !important; list-style: none; display: block; } #leftside #navigation ul#nav1 li a { background: #0033cc; color: #cccccc; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 10px; display: block; } #leftside #navigation ul#nav1 li a:visited { background: #0033cc; color: #cccccc; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 10px; display: block; } #leftside #navigation ul#nav1 li a:link { background: #0033cc; color: #cccccc; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 10px; display: block; } #leftside #navigation ul#nav1 li a:hover { background: #0033ff; color: #ffffff; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 10px; display: block; } #leftside #navigation ul#nav1 li a:active { background: #0033ff; color: #ffffff; font-weight: bold; text-decoration: none; padding: 5px 5px 5px 10px; display: block; } #leftside #navigation ul#nav1 li ul { margin: 0 0 0 0; } * html #leftside #navigation ul#nav1 li ul { margin: 0 0 0 0; } #leftside #navigation ul#nav1 li ul li { background: #cccccc; border: 0; font-size: 9px; font-weight: bold; margin: 0 0 -2px 0; padding: 0; text-decoration: none; text-transform: none; width: 240px; list-style: none; } #leftside #navigation ul#nav1 li ul li a:link { background: #cccccc; color: #0033cc; } #leftside #navigation ul#nav1 li ul li a:visited { background: #cccccc; color: #0033cc; } #leftside #navigation ul#nav1 li ul li a:hover { background: #cccccc; color: #0033ff; } #leftside #navigation ul#nav1 li ul li a:active { background: #cccccc; color: #0033ff; } #navigation ul#navinternal { background-color: #cccccc; text-align: left; width: 250px; padding: 5px 0 5px 10px; margin: 5px 0 0 0; } #navigation ul#navinternal li { color: #0033cc; font-size: 9px; font-weight: bold; letter-spacing: 0; text-decoration: none; list-style: none; display: inline; } #navigation ul#navinternal li a { color: #0033cc; font-weight: bold; text-decoration: none; } #navigation ul#navinternal li a:link, #navigation ul#nav1 li a:visited { color: #0033cc; font-weight: bold; text-decoration: none; } #navigation ul#navinternal li a:hover, #navigation ul#nav1 li a:active { color: #0033ff; font-weight: bold; text-decoration: none; }
This post has been edited by JackOfAllTrades: 06 October 2010 - 03:46 AM
Reason for edit:: Link removed