如何摆脱链接图像周围的盒子

Question

I know I've solved this problem before, but I can't remember or find the solution, so here I am...

In Firefox 3.5 this code causes an undesirable blue border around the image. How do I get rid of this blue border?

<a style="text-decoration: none;" href="index.html">
    <img src="http://www.google.com/logos/stpatricksday10-hp.gif" />
</a>

http://jsbin.com/umuzo3

Answer 1

a img { border: none; }

应该可以解决问题（在IE6中有效）。

Answer 2

尝试将图片边框设置为0像素。