显示GIF格式图片遇到的问题

mtd.innerHTML = "默认" + "<a href='#' onclick=\"javascript:alert('123');\"><img src=\"icon_dialog_close.gif\"></img></a>";

上面的JS主要是用来设置页面中某个TD(即代码中mtd)的HTML，其中图片为icon_dialog_close.gif，但是问题出来了：


该图片是一个“大叉”，但是莫名其妙外面有蓝色的框，开始以为是IE版本的问题，但是在IE6,7,8下测试都出来此问题。

之后尝试了利用背景显示该图片：

mtd.innerHTML = "默认" + "<a href='#' style='width:16px;height:16px;background-image:url(icon_dialog_close.gif);' onclick=\"javascript:alert('123');\"></a>";

运行之后，OK！未出现蓝色框框，于是猜想可能是GIF图片格式的原因，不能用<img src>的形式，要通过background-image来显示。