I am having trouble with my thumbnail image gallery alligning correctly and the rollover effect to work correctly. I am previewing on Mozilla Mac and everything is screwy.
the page is here http://www.inspired-evolution.com/Graphics.php the CSS is at http://www.inspired-evolution.com/Gilbert.css the images and background aren't centered with each other the image should be centereed with the background which should be spaced out evenly horizontally across the page. Their should be a dark blue border on the images, which becomes light blue on rollover. the CSS in specific in question is: dl.gallery { border: 1px solid #000033; background-color: #b0c4de; width: 150px; text-align: center; padding: 10px; float:left; } .gallery dt { font-weight: bold; font-color:#000066; } .gallery dt img { border: 1px solid #000066; width: 144px; height: 144px; } .gallery dt img.ams { border: 1px solid #000066; width: 144px; height: 79px; } .gallery a:link { border: 1px solid #000066; } .gallery a:visited { border: 1px solid #000066; } .gallery a:hover { border: 2px solid #000033; } .gallery a:active { border: 1px solid #000033; } .gallery dd { margin: 0; padding: 0; } any assistance would be greatly appreciative! -- ::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/