z-index: Überlappung von Elementen

<style type="text/css">
div
{
font-family:Verdana;font-size:12px;
position:absolute; width:300px; height:150px;
border:1px solid #000000;
background-color:#efefef;
}
</style>

</head>
<body>

<div style="left:450px; top:350px; z-index:3;"> 
<span style="font-weight:bold;">DIV 3</span>
Dieser DIV-Bereich sollte DIV 2 überlappen.
</div>
<div style="left:250px; top:250px; z-index:2;"> 
<span style="font-weight:bold;">DIV 2</span>
Dieser DIV-Bereich sollte von DIV 3 überlappt werden.
</div>
<div style="left:50px; top:150px; z-index:1;" > 
<span style="font-weight:bold;">DIV 1</span>
Dieser DIV-Bereich sollte von DIV 2 überlappt werden.
</div>

DIV 3 Dieser DIV-Bereich sollte DIV 2 überlappen.

DIV 2 Dieser DIV-Bereich sollte von DIV 3 überlappt werden.

DIV 1 Dieser DIV-Bereich sollte von DIV 2 überlappt werden.