IE 7 / Firefox 3.x hyperlinked image

[kwestby]

I have an hyperlinked image that I am attempting to change the border color around the image. The CSS has the following in it:

a, a:link, a:visited, a:hover, a:active {
color:green;
}
.testImgLayer a:link{
border-color: green;
}
.testImgLayer a:visited{
border-color: green;
}
.testImgLayer a:hover{
border-color: green;
}

The webpage has the following:

<div id="testImg" class="testImgLayer"><a href="http://www.website.com" ><img src="images/classic.jpg" border="4"></a></div>

The image renders correctly under Firefox with the thick green border around the image, but under IE7, it still has the default blue border.

I'm at my wits end trying to figure out what I am doing wrong here.

[dreamcatcher]

Welcome to WebmasterWorld. :)

#testImg img {
border:1px solid green;
}

dc

[kwestby]

Thank you!