在叠加PNG时，Chrome中的空白行很薄，但在Mac上的Safari中却没有

Question

我在网页的两个完全相同的位置有两层png，顶层是透明的。在导出之前，Photoshop中的所有内容都很好看。在Safari（Mac和Ipad）中一切都很棒，但我在Chrome中有一个奇怪的白线（在Firefox中有一个较轻的白线）。

铬 https://dl.dropboxusercontent.com/s/nh8kf811h6b6v7a/2014-04-16%20at%2012.12.png

的Safari https://dl.dropboxusercontent.com/s/7iu3c0yh4rwa0yt/2014-04-16%20at%2012.16.png

<div id="layers">

  <img id="band_img" src="https://lxproject.s3.amazonaws.com/uploads/band/img/643/Diana1_Rg_bottom_band.png" uid="upper_main_band">
  <img id="cut_img" src="https://lxproject.s3.amazonaws.com/uploads/cut/img/228/Diana1_Rg_bottom.png" uid="upper_main_cut">    

</div>

和css：

  <style>
  #layers {
    overfow:hidden;
    height: 500px;
    background: #FFF;
    position: relative;
  }
  #layers img {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
  </style>

小提琴：http://jsfiddle.net/yVu3v/

提前谢谢