div层移动

Question

我的网站上有一些div图层，当你导航到页面时移动到错误的位置（几乎就像边缘被忽略了？）这种情况发生在大多数浏览器中，例如Safari，FF，Chrome等。有谁知道为什么这会发生吗？有趣的是，该网站在本地似乎没问题，只有在我上传后才会播放！我很感激任何人可以提供的任何帮助/建议......

CSS：

#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; 
}

HTML

<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>

Answer 1

我在这里做了一个jsFiddle：http://jsfiddle.net/FPRFJ/

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

尝试添加此内容：

体 {     保证金：0;     填充：0; }