Posicionar un div delante de otro

[sanxuan]

Puedes controlar quién solapa a quién usando la propiedad z-index. Los valores más altos entre elementos "hermanos" (incluidos dentro de la misma etiqueta al mismo nivel) se superponen a los z-index de menor valor.
Aunque el fondo de los elementos sea una imagen transparente, al usar un color de fondo estás ocultando debajo todas las capas o elementos con un z-index inferior.
Salvo que se indique otra cosa en el css, las etiquetas que aparecen más abajo en el HTML ocultan a las anteriores en caso de solapamiento (hablando de etiquetas al mismo nivel).