Es que la línea "#navbar {" no tiene z-index, si te fijas bien en esta parte del código (en la línea 6) tiene z-index: 10;...
Código CSS:
Ver original.contenedor-imagen img{
/* Tanto al contenedor como a la imagen
le damos posición relative */
position: relative;
/* El z-index es para ubicar la imagen debajo del texto */
z-index: 10;
/* Las dimensiones son necesarias, para que nada salga de lugar */
width: 659px;
height: 380px;
}
Y el .epigrafe tiene z-index: 20;
En tu primer código de la nav no veo que ninguno tenga el z-index mayor a estos, si no tiene z-index mayor a estos, seguirá saliendo por debajo de la imagen que dices...
Ahora, lo que tendrás que hacer es...
Prueba agregando
dentro de
o a este
El z-index que debes agregar debe ser mayor a los que están puestos en tu otro código :D