css - WebKit 中的神秘 1px 边框

Question

我有一个神秘的 1px 底部边框出现在 Safari 和 Chrome 中(我猜是 WebKit 的东西)。 Firefox 显示正常。

下方的按钮应与下方的青色 栏齐平。不应该有 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的透明行，灰色背景透了出来。