<html>
<head>
<style>
div { width:100px; height:100px }
.green { background-color: green }
.red { background-color: red }
</style>
</head>
<body>
You should see a green square below.
<div class="red" style="position:relative; z-index:0">
<div class="red" style="position:absolute; z-index:auto">
<div class="red" style="position:absolute; z-index:inherit">
<div class="green" style="position:absolute; z-index:1000">
</div>
</div>
</div>
<div class="red" style="position:absolute; z-index:100">
</div>
</div>
</body>
</html>