[Solved by Mark] Album thumbs hover in IE but not Firefox

[terimurphy]

Using the "Album Template Stylesheet"  I get a nice rollover effect in IE but not Firefox for album thumbs, as seen here:
http://myharbourisland.com/property/index.php?page=properties

The only changes I've made to the code  below are width and height, as well as adding

Code: Select all

.thumb a:link img{}

which didn't help any (nor did 100 other experiments.)

Code: Select all

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:auto;
	margin:0 0.5em 0.5em 0;
    
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
}

.thumb a /*controls frame, not image*/
{
	display:block;
	width:150px; 
	height:120px;
	padding:10px;
	margin:0;

	background-color:white;
	border-top:1px solid #eee;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
             text-align:center;
}

.thumb a:link img{	}

.thumb a:visited  img{background-color:#eee;}

.thumb a:hover img {background-color:#dae6e4;}

The template code this is acting on is:

Code: Select all

<li class="thumb">
<A href="whatever"> <img /></a>
</li>

A secondary problem is that the text is correctly centering under the thumbs in IE, but in FF it left aligns.  Any help much appreciated.
Teri

[Dr.CSS]

Try taking out the img in the calls...

.thumb a:visited  img{background-color:#eee;}

And you seem to have a weird call in your album template, it throws warnings in looking at source...

le="Sandy Hill - 6 bdrm
$4,500,000  "Object />

(5 images)-->