z-index negativo desde dentro

[Germano6]

Tengo una capa con otra capa dentro y quiero que la de dentro aparezca por detrás de la de fuera. Le he puesto un z-index: -1 pero no funciona.

Código HTML:

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

Código CSS:

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