Internet Explorer 9显示CSS精灵图像，但奇怪的内容

Question

我有一个我正在使用的图像精灵，但IE9没有正确显示它。

它在Firefox中正常工作，但在图像上方显示灰色边框和符号（如图所示）。它在Chrome中也不起作用 - 它显示图像，但与它有灰色边框。

这里的CSS代码，抓住它：

#see_more_vendors { 
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px; display:block;} 

这是HTML：

<td><a href="#"><img id="see_more_vendors" alt=""/></a> 

（我已经删除了图像的起始地址，因为这是没有问题的）

最初，我认为这是边界，因为在Chrome中它只显示灰色边框。但之后，我在Internet Explorer中看到它，而且我还没有看到过这种情况。

这是图像看起来像什么时候，它应该没有边框，没有图标在左上角。

http://imageshack.us/photo/my-images/713/examplec.jpg/

Answer 1

如果你使用这个超过1次，然后使类CSS：

.see_more_vendors { 
background:url('vendor_sprite.png') no-repeat 0px 0px; height: 60px; width:135px;display:block;} 

然后你的标签应该是这样的：

<a class="see_more_vendors" href="#">&nbsp;</a> 

因为你可以在您发布的图像（imageshack）上看到您看到的背景，但没有图像。因为img标签src为空。 那么我使用 如果你知道更好的方法，然后告诉我。谢谢。