Hi guys, I've got this very unusual issue going on with an unordered list that I've just made. This is the first time I've made a "navigation list" with single image buttons (three states) and it works fine except for in Explorer 6. I thought it might've had something to do with the display: block but I've tried inline and that didn't fix it. Any ideas?
Here's the link: http://raymondrodriguez.net/clients/anita/panel1.html The CSS: #headerBox { margin:0px auto; margin-bottom:0; width: 800px; border-top:0; text-align: left; padding: 30px 0 10px 0; background: #AD0800 url(images/headershadow.jpg) no-repeat bottom left; } #headerBox ul {margin-left: 105px; margin-bottom: 35px; height:15px;} #headerBox li a { display:block; float:left; height:15px; text-indent: -9999px; margin:15px 0 0 15px; background-repeat:no-repeat; background-position:top left; } #headerBox li a:hover {background-position:0 -15px;} #headerBox li a.active, #headerBox li a.active:hover {background- position:0 -30px;} #button1 a { width:9px; background-image: url(images/1.jpg); } #button2 a { width:13px; background-image: url(images/2.jpg); } (and so forth) Thank you for you help! Raymond ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
