Remove border on A:hover with IMG inside?
Simple really, only I can't work it out for the life of me.
<a href='#'>Home</a>
a:hover {
border-bottom: 1px dotted #000099;
}
So how do I remove the border when I have a link like
<a href='#'><img src="home.png"></a>
I've tried
$('a:hover img').parent().css('border','none');
in the document.ready, but I'm clearly doing something wrong.
Any ideas?
A.