Css 为什么Firefox中的图像边框偏移？

我正在一个有新闻信息页面的网站上工作。我使用缩略照片作为链接到更大的图片下载

对于缩略图，我在关闭状态下将边框设置为4px白色，然后在悬停状态下设置为4px灰色。我在Safari中工作得很好，但在Firefox中处于悬停状态时略有偏移

以下是html：

<div id="press-photos">
  <a class="pic" href="_downloads/nativity-1-full.jpg"><img src="_images/nativity-1-thumb.jpg" alt="nativity-1-thumb"/></a>
  <a class="pic" href="_downloads/nativity-2-full.jpg"><img src="_images/nativity-2-thumb.jpg" alt="nativity-2-thumb"/></a>
  <a class="pic" href="_downloads/nativity-3-full.jpg"><img src="_images/nativity-3-thumb.jpg" alt="nativity-3-thumb"/></a>
  <a class="pic" href="_downloads/nativity-4-full.jpg"><img src="_images/nativity-4-thumb.jpg" alt="nativity-4-thumb"/></a>
</div>

问题是：如何让边界在FF中正确排列

谢谢

img { border:0px; }

所有的缩略图都有一个边框，这就是替换它们的原因

---

所有缩略图都有边框，这就是替换它们的原因。

这是因为

a

标记的宽度和高度低于img大小。

这是因为

a

标记的宽度和高度低于img大小。

在Firefox 4.0b4中看起来不错。在Firefox 4.0b4中看起来不错。

img { border:0px; }