<img> inside <a> gets blue border

<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 开发者_Python百科img {
  ...
}

Use this css:

a img {
 border:none;
}

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.

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.

Have you tried setting the image border to 0?

You can also use this

<img height="20px" border="0" src="image.png" />

However Sarfaraz' answer above is a better approach.