Estou tendo alguns problemas com z-index e posicionamento. Basicamente, quando você passa o mouse sobre os itens do menu (em casa, sobre etc), respingos de tinta devem ser colocados abaixo do menu:

http://www.saradouglas.net/home

A folha de estilo está localizada aqui.

Isso funcionou bem quando cada splash div estava definido para posicionamento absoluto, mas percebi que eles apareceriam em lugares diferentes em diferentes resoluções de tela. Eu pensei que seria apenas um caso de mudar isso para posicionamento relativo e, em seguida, ajustar as coordenadas de acordo. Infelizmente agora meus salpicos não aparecem no menu, como deveriam.

Para esclarecer, quero que os salpicos apareçam no menu - para que o menu apareça sempre no topo dos salpicos. Isso só se tornou um problema desde que definiu o menu como relativo, e esses resultados são absolutos.

Eu estou esperando que isso seja simples de corrigir e que eu esteja apenas sentindo falta de algo. Espero que alguém aqui possa me dizer onde estou errado e oferecer uma solução!

Houve algumas boas respostas enviadas até agora, mas infelizmente elas não corrigiram meu problema. Eu tentei adicionar o fundo do menu para a classe ul em vez do div, mas isso não fez diferença para o problema.