Image underline during hover

I want to use a dotted underline when I hover over a text link, but I don't want this to show up when I hover over a image link. Is there a way I can do this without calling a different class when I have an image link?

<style type="text/css">

img {
	background-color:#FFFFFF;
	border: 1px solid #ff12fc;
	padding: 5px;
	margin: 5px 5px 0 0;
}

a:hover {
	color:#666;
	text-decoration: none;
	border-bottom:dotted;
}

a:hover img {
	background-color:#00FF00;
	border: 1px solid #ff12fc;
	padding: 5px;
	margin: 5px 5px 0 0;
	text-decoration: none; /* the underline shouldn't show, but it does */
}

</style>

Code (markup):

Thanks for looking at this.

Sam

 

did you try

img a:hover instead?

 

Yes, I tried it both ways.

 

body img a:hover{text-decoration:none}

 

a may not be a descendant of img.

@ OP: As has been answered in another forum, you must apply a class token to the a, and style it without the border.

Thanks for wasting people's time with your x-post.

gary