I am *trying* to get my thumbnail images to align center to their respective backgrounds and also to change border color on mouseover and I am not able to accomplish either one at the moment.
The page in question is http://inspired-evolution.com/Graphics.php and CSS can be found at http://inspired-evolution.com/Gilbert.css pertinent CSS is: dl.gallery { border: 1px solid #000033; background-color: #b0c4de; width: 175px; float:left; text-align:center; margin-left:3em; } .gallery dt { font-weight: bold; font-color:#000066;padding:0; margin:0} .gallery dt img { border: 1px solid #000066; width: 144px; height: 144px; } .gallery dt img.ams { border: 1px solid #000066; width: 144px; height: 79px; } .gallery dt img a:link { border: 1px solid #000066; } .gallery dt img a:visited { border: 1px solid #000066; } .gallery dt img a:hover { border: 2px solid #000033; } .gallery dt img a:active { border: 1px solid #000033; } .gallery dd { margin: 0; padding: 0; } any assistance is greatly appreciative! ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************