Estoy teniendo algunos problemas con el índice z y el posicionamiento. Básicamente, cuando se desplaza sobre los elementos del menú (inicio, sobre, etc.), las salpicaduras de pintura deben cargarse debajo del menú:

http://www.saradouglas.net/home

Stylesheet se encuentra aquí.

Esto funcionó bien cuando cada división de salpicaduras estaba configurada en posicionamiento absoluto, pero me di cuenta de que aparecerían en diferentes lugares en diferentes resoluciones de pantalla. Pensé que sería simplemente un caso de cambiar esto a una posición relativa, y luego ajustar las coordenadas en consecuencia. Lamentablemente, ahora mis salpicaduras no aparecen en el menú, como deberían.

Para aclarar, quiero que las salpicaduras aparezcan debajo del menú, por lo que el menú siempre debe aparecer encima de las salpicaduras. Esto solo se ha convertido en un problema desde que se estableció el menú en relativo, y estos salpicaduras en absoluto.

Espero que esto sea fácil de solucionar y que solo me esté perdiendo algo. ¡Espero que alguien aquí pueda decirme dónde he ido mal y ofrecer una solución!

Se han enviado algunas buenas respuestas hasta ahora, pero lamentablemente no han solucionado mi problema. He intentado agregar el fondo del menú a la clase ul en lugar de a la división, pero esto no ha hecho ninguna diferencia en el problema.