VERY simple navigation bar styling that works perfectly on another site, and that worked in IE yesterday (not today), but never in FIrefox. I'm stumped. Both html and css code have passed validation.
The problem: http://www.caramiadesign.com/CNL/navbar.htm The html: <title>Untitled Document</title> </head> <body> <div id="buttonband"> <ul> <li id="current"><a href="#">HOME</a></li> <li><a href="#">SECOND PAGE</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div> </body> </html> The css: #buttonband { font-family: Tahoma, Geneva, sans-serif; font-weight: normal; text-transform: capitalize; background: url(images/buttonband.jpg) no-repeat top left; margin: 0px; padding: 0px; height: 22px; width: 913px; top: 188px; position: absolute; } #buttonband ul{ margin:0; padding:0; } #buttonband li { font-size:.65em; display:inline; line-height:1.3em; } #buttonband li a { background-image:url(images/buttons_off.jpg); padding-top:5px; margin:0; margin-right:2px; width: 110px; height:17px; float:left; text-decoration:none; text-align:center; color:#fff; letter-spacing:.1em; } #buttonband ul li a:hover, #buttonband #current{ background-image:url(images/buttons_on.jpg); color:#FF6; width:110px; height:17px; } #buttonband ul li a:active{ background:url(images/buttons_off.jpg) no-repeat top; color:#369; width:110px; height:17px; } ¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿? The World of Caramia Design studio 510/525-4525 cell 415/806-6669 café caramiadesign.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/