Steve Caramia wrote: > 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 > > >
Please see CSS and markup changes below. Cursory checked Mac Opera, FF, Camino, and Safari; IE 6/7/8. Please validate before posting. Thanks. ~d <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #buttonband { font-family: Tahoma, Geneva, sans-serif; font-weight: normal; text-transform: capitalize; background: url(http://www.caramiadesign.com/CNL/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(http://www.caramiadesign.com/CNL/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*/, #buttonband ul li a:active, #buttonband ul li a:focus { background-image:url(http://www.caramiadesign.com/CNL/images/buttons_on.jpg); color: aqua/*#FF6*/; width:110px; height:17px; } /*#buttonband ul li a:active { background:url(http://www.caramiadesign.com/CNL/images/buttons_off.jpg) no-repeat top; color:#369; width:110px; height:17px; }*/ </style> <title>Untitled Document</title> </head> <body> <div id="buttonband"> <ul> <!--<li id="current"><a href="#">HOME</a></li>--> <li><a href="#">HOME</a></li> <li><a href="#">SECOND PAGE</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div> </body> </html> ______________________________________________________________________ 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/
