z-index negativo desde dentro

[AngelKrak]

eliminale el position: absolute; al <div class="fuera"> y agregale el z-index negativo al <div class="dentro">

HTML:

Código HTML:

<div class="fuera">
<div class="dentro">
</div>
</div>
 

CSS:

Código CSS:

.fuera {
  height: 100px;
  width: 100px;
  z-index: 10;
  background: #fff;
}
 
.dentro {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  background: black;
}
 

DEMO:
http://codepen.io/AngelKrak/pen/mJXvmG