[解決済み] cssで2つのdivを重ねるには？

質問

私は2つの div が好きです。

<div class="imageDiv"></div>
<div class="imageDiv"></div>

と css クラスです。

 .imageDiv
    {
        margin-left: 100px;
        background: #fff;
        display: block;
        width: 345px;
        height: 220px;
        padding: 10px;
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

結果を見ることができます ここで :)

この2つを重ね合わせたい div が好きです。

<イグ

解決方法は？

2番目のdivに追加 bottomDiv

で、これをcssに追加します。

 .bottomDiv{
       position:relative;
       bottom:150px;
       left:150px;
    }

http://jsfiddle.net/aw8RD/1/