div背景画像：コードの助けが必要

Question

このページをFirebugした場合：http://www.radiumhosting.com/web-hosting/vps-cloud-hosting VPSクラウドスライダーを見てください。背景画像は、[ストレージ]タブの右側の枠線の後ろにはありません。

私は、背景に画像を配置するために、コードの末尾にこれを追加しました：IE9で

<div style="margin: -229pt 0pt 0pt -20pt;"> 
<div style="background-image: url(/images/stories/cloud-background2.png); height: 315px; width: 710px;"></div> 
</div> 

互換表示は、画像がほとんどの要素の上に表示することができます。私は何を変えるべきですか？

おかげで、 マーク

Answer 1

背景に新しいdivを使用する必要はありません。 .cloudbackgroundクラスを<div class="rt-block">に追加するだけです。そして、代わりに以下のHTMLとCSSのコードを使用します。

HTML：

<div class="rt-block cloudbackground"> 

をCSS：

.cloudbackground { 
    background: url("/images/stories/cloud-background2.png") no-repeat; 
} 

これは、互換モードで動作することを含め、すべての問題を修正します。

Answer 2

あなたが負の値でz-index CSS propertyに見たいと思うかもしれません。