<img> inside <a> gets blue border in IE8

Question

<a href="index.html"><img src="image.png"/></a>

IE8 highlights the image with a blue border. I'm not sure what CSS is relevant here, is it just border? Can I use a single CSS style to turn it off, like:

a img
{
...
}

Answer 1

Yes, you can:

a img { border: 0; }

You can use 0 for 0px width, or none for no border overall, same effect...they both work cross-browser.

Answer 2

Use this css:

a img {
 border:none;
}

Answer 3

a img{
    border-width: 0;
}

Find further reference at https://developer.mozilla.org/en/CSS/border

I suggest you test your site in other browsers. In this case, you would have noticed that it's not an IE8 issue.

Answer 4

Have you tried setting the image border to 0?