私のdivは私のイメージの上にie7で座っていませんか？

Question

私はie7のz-インデックスのバグを知っていますが、私はまだ画像の上に座ってdivを得ることができません。これは私が持っている現在のコードです：

<div id="wrapper"> 
    <div id="content"> 
    <div class="copy">...</div> 
    <div id="toggle-view"></div> 
    <img id="view" src="/..." /> 
    </div> 
</div> 

そして、ここでスタイリングです：

#wrapper { width: 960px; margin: 0 auto 0 auto; background: #fff; } 
#content { width: 960px; height: 555px; position: relative; z-index: 20; } 
#toggle-view { display: block; width: 150px; height: 25px; cursor: pointer; position: absolute; top: 12px; right: 10px; z-index: 10; } 
#view { width: 722px; height: 555px; position: relative; z-index: 1; } 

これはクローム/ FFなどで正常に動作しますが、IE7ではありません。 ＃トグルビューのdivを#view imgの上に置くにはどうしたらいいですか？

ありがとうございました

EDIT：わかりました。何らかの理由で、要素に '背景'プロパティが設定されていない場合、z-indexが正しく処理されません。神様私はIEをそんなに憎んでいます..

Answer 1

あなたが一番上に言うとき、divがその上にあるか、上にあることを意味しますか？

あなたのコードを使ってhttp://jsfiddle.net/trickeedickee/wPz2X/を作成しました。これはIE7でうまく動作します。コンテナの右側に＃トグルビューのdivがあります。これは意図的です。私はあなたにもう少しお手伝いをしようとします。

私はIE7でjsfiddleのscreengrabを添付しました。 ＃トグルビューはレイヤースタックのように画像の左側と左側にあります。それは明らかに画像の上にあります。これはあなたが探している結果ではありませんか？