CSS Box Shadow en un div se oculta por otros divs

Question

Tengo dos cajas, se apilan verticalmente. Quiero que el div superior tenga una sombra de caja en su borde inferior. La sombra del cuadro superior está oculta detrás del cuadro inferior.

¿Cómo puedo solucionar esto?

Answer 1

que puede utilizar:

ya sea

#first{ 
    position:relative; 
    z-index:2; 
} 

o

#second{ 
    margin-top:10px; 
} 

PS: Lo siento por los errores respuesta anterior. - Ejemplo que se muestra: http://jsfiddle.net/fdezluis96/FRQKA/

¡Buena suerte!

Answer 2

O simplemente añadir un margin-bottom: 10px o algo al principio de la div