Html div层移动

我的网站上有一些div层，当你导航到页面时，它们会移动到错误的位置（几乎像是页边距被忽略了？），这在大多数浏览器中都会发生，如Safari、FF、Chrome等。有人知道为什么会发生这种情况吗？有趣的是，这个网站在本地看起来还不错，而且只有在我上传之后才开始播放！！如果有人能提供任何帮助/建议，我将不胜感激

CSS:

HTML

满足于此
这里有更多内容

我在这里做了一个jsFiddle：

您是否可能遇到浏览器提供的默认页边距

尝试添加以下内容：

身体 { 保证金：0； 填充：0； }

我在这里做了一个jsFiddle：

您是否可能遇到浏览器提供的默认页边距

尝试添加以下内容：

身体 { 保证金：0； 填充：0；

---

}

您是否有文档类型？联机时！你有DOCTYPE吗？你可以上网了！

#page-wrap-padding { 
width: 1078px; 
height: 700px;
margin: 0px auto 0px; 
background-color: transparent; 
}

#page-wrap { 
width: 978px; 
height: 610px;
margin: 35px auto 0px; 
background: #dc000f; 
overflow: hidden;
z-index:1000;
}

#guts{
margin: -15px;
overflow: hidden;
z-index: 2000;
}

#index-innards2{
position: absolute;
background: #dc000f; 
margin: 0px 0px 0px 600px; 
width: 378px; 
height: 550px; 
}

#index-innards{
position: absolute;
margin: 104px 0px 0px 230px; 
width: 340px; 
height: 390px; 
}

<div id="page-wrap-padding">
   <div id="page-wrap">
      <div id="guts">
         <div id="index-innards2">
         Content here
         </div>
            <div id="index-innards">
            More content here
            </div>
      </div>
   </div>
</div>