This CSS hover link isn't working

[ibobphotos]

Can someone help me figure out why I'm not getting the hover affect on class1?

          <div class="style1">Categories</div>
	    <span class="class1"><a href="[URL unfurl="true"]http://www.ibobphotos.com/cgi-bin/viewer.pl?cat=1&ofield=id&odir=asc"[/URL] alt="asdasd" title="asdasd">test1</a></span><br>
<span class="class1"><a href="[URL unfurl="true"]http://www.ibobphotos.com/cgi-bin/viewer.pl?cat=2&ofield=id&odir=asc"[/URL] alt="A bunch of friends came with" title="A bunch of friends came with">Hot Air Ballooning</a></span><br>
<span class="class1"><a href="[URL unfurl="true"]http://www.ibobphotos.com/cgi-bin/viewer.pl?cat=3&ofield=id&odir=asc"[/URL] alt="Some nature shots" title="Some nature shots">A day at the park</a></span><br>
<span class="class1"><a href="[URL unfurl="true"]http://www.ibobphotos.com/cgi-bin/viewer.pl?cat=4&ofield=id&odir=asc"[/URL] alt="woot" title="woot">New category</a></span><br>

The above is how I'm trying to implement the CSS. The div style1 class works just fine, but I get no font changes for the links.

The css I'm using is

.style1 {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	border-bottom: dashed 2px #cc6600;
}
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif}
.class1 A:hover {text-decoration: color: red;}

All I want from the links is a color change effect when the mouse is on it.

Thank you!

 

[vacunita]

This is just wrong, completely.

.class1 A:hover {text-decoration: color: red;}

change A to a, and remove the text-decoration: bit.

Just leave it as

.class1 a:hover {color: red;}

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.