Z-indexを使ってdivを別のdivの上に置くことを拒否する

Question

私は3つのdivを持っています。青いもの、黒いもの、黄色のもの。今、私は黄色のdivを黒の上に置く（両方が同じサイズを持つ）ことを望みます。いくつかのCSSとZ-インデックスを使用すると、そのトリックを行う必要がありますが、それは動作しません。

おそらく誰かがなぜ私はこれに固執しているのかというアイデアがあります。完全なHTMLとCSSのコードで私のフィドルを参照してください：彼らは重なるよう http://jsfiddle.net/mauricederegt/xQVYu/

敬具、 モーリス

Answer 1

は、これらの要素の位置を指定します。

#s2, #s3 { top: 0; } 

Answer 2

をちょっと私はあなたがしたいと思いますこの

あなたのs0 divの相対位置を定義し、＃s3は絶対位置を定義し、レイアウトの左上と上端に合わせて調整します

#s0{ 
position:relative; 
} 

#s3{ 
background: none repeat scroll 0 0 pink; 
    left: 125px; 
    position: absolute; 
    top: 102px; 
} 

ライブデモをhttp://jsfiddle.net/rohitazad/xQVYu/4/