低分辨率和放大

Question

我附上了正在发生的事情的截图。它出现在某些浏览器中，分辨率较低或在右上角和右下角放大时。我的代码中唯一看起来是黑色的是背景。为什么这个重叠的图像。

body {
  background-color: #000000;
  overflow: visible;
}

header {
  background-image: url('http://lib.store.yahoo.net/lib/oberers-flowers/Home-Background-2015.gif');
  background-repeat: no-repeat;
  z-index: 6;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 800px;
}

.imgwedding {
  position: absolute;
  top: 97px;
  left: 0px;
  z-index: 2;
}

<header>
  <div class="imgwedding" class="mobile">
    <img border="0" src="http://lib.store.yahoo.net/lib/oberers-flowers/home.jpg" width="1100" height="649">
  </div>

以下是没有问题Home以及黑色空间覆盖右下角Home error

的情况