WebKit中的神秘1px边框

Question

我有一个神秘的1px底部边框出现在Safari和Chrome中（我猜一个WebKit的东西）。 Firefox显示它很好。

下面的按钮应与下方的 tealy 栏齐平。不应该有1px线将它们分开。

我玩过height，border，position，padding和margin，但却无法解决这个问题。

在Web Inspector中将bottom: 0更改为bottom: -5px仍会生成该行。

有很多样式进入它，所以我会尝试合并级联。

#tell-a-friend {
  background-repeat:no-repeat;
  display:block;
  height:33px;
  margin-right:0;
  position:absolute;
  float:right;
  font-size:1.2em;
  margin-right:0.8em; 
  background-position:right 0;
  bottom:0;
  height:35px !important;
  left:682px;
  width:82px;
}

然后，我可能会更好linking to the site。

CSS缩小了，因此请使用Web Inspector查看CSS。

我已经尝试了我现在能想到的一切，所以我要看看你们是否可以帮助我：）

非常感谢！

Answer 1

编辑：这是你<div id="header">的绝对高度。尝试将其缩短一个像素。

这不是黑色轮廓，而是灰色背景......背景图像底部有一个1px透明行，灰色背景显示。