divレイヤー移動

Question

ページに移動すると間違った位置に移動する私のサイトにいくつかのdivレイヤーがあります（ほとんど余白が無視されていますか？）これはSafari、FF、Chromeなどのほとんどのブラウザーで起こります誰がなぜこれが起こるのか知っていますか？興味深いことに、このサイトはローカルでOKと思われ、一度アップロードしてしまったようです。私は/アドバイス誰でも提供できる任意の助けをいただければと思います....

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