WebKit 中的神秘 1px 边框

Question

我在 Safari 和 Chrome 中出现了一个神秘的 1px 底部边框（我猜是 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透明行，灰色背景透出来。