2固定小数点、他のdivに配置する際の問題

Question

私は3 divを持っています。

<div class="main"></div> 
<div id="fixedbox"></div> 
<div id="fixedBar"></div> 

CSS：

.main { 

width: 850px; 
padding:25px 5px; 
border-left:1px solid #999; 
border-right:1px solid #999; 
text-align:left; 
overflow:hidden; 
} 

body { 
    height: 100%; 
    margin: 0; 
    overflow-y: auto; 
} 
body #fixedbox { 
    position:fixed !important; 
    position: absolute; 
    left: 865px; 
    top: 0; 
    width: 160px; 
} 
#fixedBar { 
    display:block; 
    position: absolute; 
    width:100%; 
    height:20px; 
    position:fixed; 
    bottom:0; 
    left:0; 
    background:#F00; 
} 
* html #fixedBar { 
    position:absolute; 
} 

問題はこれです： Imがメインのdivに "position:relative" でブロックを追加する場合、ブロックはIEのスクロールで移動します。ボディーまたはメインに "position:relative"を追加すると、他にも問題があります。 「<div class="main"></div>」に問題なくポジションを使用するにはどうすればよいですか？事前に

おかげ

編集：私は変更にDOCTYPEを問題を解決しました。

Answer 1

私はあなたが位置を追加していると仮定します：2つの固定位置を定めるためにボディに対して相対的に：絶対的な容器？そうでなければあなたはする必要があります。

私は過去にIEで位置：相対値を設定することにいくつか問題がありました。

.main に

height:1%; 

それとも

display:block; 

を設定するなどの通常のハックのいくつかを試してみてくださいあなたはこのCDATAブツがあるため必要とされていないhttp://www.positioniseverything.net