Cannot override default a:hover in an image

In my main css I have a style:



img {
	border: none;
}






also in my typography.css I have this code:



a:hover{color: #F1DA5D; text-decoration:none; background-color:#0b3c5e;}

a:hover img {
	background-color: transparent;
}




Although I tried both and the [COLOR=“DarkRed”]!important[/COLOR] nothing works when i place an img between an <ahref></a> code.