浏览器之间的CSS问题

我正在做一个网站设计，我被那些不能在所有浏览器中正常工作的标签卡住了。网址如下：

在当前的Chrome版本中，它看起来不错。在FF中，它低一个像素。如果我将它向上移动一个像素，那么它在FF中看起来很好，当你悬停时，你会在Chrome底部看到一条1像素的线

建议？我通常使用无序列表元素上的图像进行这些转换，但我认为在这种特殊情况下根本不需要使用图像

---

谢谢。

我看不出您所说的区别，但是使用制表符的良好做法是以像素为单位说明行高。尝试添加行高度：20px并从那里进行调整。它很可能会修正这种差异

#mainnav a {
  background: transparent;
  padding: 6px;
  border: #0A4F91 solid 1px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: white;
  text-decoration: none;
  margin-right: 10px;
  line-height: 20px;
}

---

在我看来，它在Firefox、Chrome和IE9中表现良好。你在标签上看到了什么问题？我在FF中看到了。。。但我似乎已经删除了它，将边距底部设置为0；我试试看，然后告诉你。在我的Mac上，我在safari和FF中都看到了它，在这两个版本中，它看起来都很好。我在我的PC上看到了它——Windows7，FF 11.0。好的做法是指示行高，而不是在px中指示行高，特别是如果你使用相对单位来表示像em这样的字体大小