>On Sub page: http://cmmi.trgsoftware.com/who/index.cfm?Fuseaction=Sub_page_2 >Inconsistent "hot area" for the thumbnails.... First 2 don't do anything on >rollover but 3rd the right-hand side is hot, and 4th, whole image is >hot....??? And it's just a hyperlinked image inside a list > ><ul id="thumbnails"> > <li><a >href="index.cfm?Fuseaction=Joe_Architect&parentid=255"><img >src="/uploads/thumb_who21.jpg" width="70" height="70" border="0" alt="Joe >Architect"></a></li> ></ul> > >And here's the CSS: > #thumbnails{ > width: 296px; > height: 84px; > margin: 0px; > left: 0px; > padding: 5px 0px 5px 0px; > border-bottom: 1px solid #FFF; > position: relative; > top:0px; > list-style-type: none; > } > #thumbnails li{ > display: inline; > > } > #thumbnails a{ > float: left; > } > #thumbnails a:link img { > border: 2px solid #2e2e2e; > } > #thumbnails a:visited img { > border: 2px solid #2e2e2e; > } > #thumbnails a:active img { > border: 2px solid #2e2e2e; > } > #thumbnails a:hover img{ > border: 2px solid #749EA5; > } > > Removing position:relative fixed the hotspots in Firefox 1.0.7. I've started using FF's Dev Toolbar "Outline Selected Element." Seriously, it is a great way to cure what ails your psudoclass troubles. ;)
Lately position:relative has been the cause of a lot of problems recently, but it isn't yet evident to me why it was included in the first place. I know what it is and how it works, but my question relates to why folks are using it when something isn't relatively positioned; mainly, which browser are you targeting and why? -- HTH, Derek ______________________________________________________________________ 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/
