IE：相対配置されたdivの下に絶対配置されたdivを表示する方法

Question

現在、レイアウトを作成しています。これには、背景のグラフィックスと上部と下部を持つdivが必要です。しかし、上とlower_bgのdivが見えないIE（7,8 & 9）で

#wrapper { 
width: 520px; 
padding: 2px; 
position: relative; 
float: left; 
z-index: 4000; 
} 

#upper_bg { 
    background:url(images/header_top.png); 
    position:absolute; 
    height:200px; 
    width:520px; 
    z-index: 1000; 
    margin: -2px; 
} 

#row_wrapper { 
    position:relative; 
    float: left; 
    z-index: 3000; 
} 

#lower_bg { 
    background:url(images/header_bottom.png); 
    position:absolute; 
    bottom:0px; 
    height:200px; 
    width:520px; 
    z-index: 1000; 
    margin: -2px; 
} 

<div id="wrapper"> 
    <div id="upper_bg"> 
     <!-- ie fix for displaying empty divs --> 
    </div> 
    <div id="row_wrapper"> 
     ... content! 
    </div> 
    <div id="lower_bg"> 
     <!-- --> 
    </div> 
</div> 

：私はFFに微細な作品を作成し、このようになります私のマークアップ。誰もがこれを修正する方法を知っていますか？

Answer 1

は、問題を解決しました。確かに、私の質問に示されたhtmlは結果を再現しませんでした。少し手を加えた後、私はIEが奇妙なモードであることを知りました。私はxsltでhtmlを作成し、xsl：outputタグを追加してhtmlに設定しました。そうした後、IEはバージョン7のレイアウトでうまくいきました。

Answer 2

が明確に追加...

<div id="lower_bg"> 
     blabla floating divs 
     <div style="clear:both"></div> 
</div>