Trish Meyer wrote: > Hi all, > > Getting back to CSS after a few months away, and having a brain > freeze doing something new (for me). > > I have a page of small thumbnail images with a thin gray border, and > as the mouse moves over them, I want the hover state to be a larger > red border so the visitor knows they can click on them. I thought > this would work: > > #thumbnails img { > border: 1px solid #66605C; /* medium gray */ > margin-top: 8px; > margin-right: 14px; > margin-bottom: 8px; > margin-left: 0px; > padding: 6px; > } > #thumbnails img a:hover { > border: 2px solid #C02D2D; /* red border */ > } > > The HTML is simply: > > <a href="Sunflowers.html"><img src="Sunflowers.jpg" alt="Sunflowers" > width="180" height="134"></a> > Trish,
You've got it backwards. #thumbnails img a:hover implies that the <a> tag is inside the <img> tag. This should work: #thumbnails a:hover img HTH, Rick. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/