I have a uborganized list which are also hyperlinks. I am wanting an image to appear to the right of the first two links, but not the third (or last). what I have is in the XHTML <div id="sitemap"> <ul class="sitemap"> <li><a href="Site_Map.php" title="link to our Site Map">Site Map</a></li>
<li><a href="Contact.php">Contact Us </a></li> <li class="last"><a href="Consultation.php" title="link to free consultation form" >Free Consultation</a></li> </ul> </div> and in the CSS: ul.sitemap li a{ padding:0 1.5em 0 .5em; background:url(/footer_dots.gif) right no-repeat; } ul.sitemap li.last a{ padding:0 1.5em 0 .5em; } this doesn't quite work, as the image still appears to the right of :<li class="last"><a href="Consultation.php" title="link to free consultation form" >Free Consultation</a></li> what do I need to do to accomplish this? Full Link: http://www.fortuneinteractive.com/SEMLogic.php (bottom, right) Full CSS: http://www.fortuneinteractive.com/CSS/primary.css TIA! -- ::Bruce:: ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/