Indeks Z i pozycjonowanie względne / bezwzględne

Mam problemy z indeksem Z i pozycjonowaniem. Zasadniczo po najechaniu kursorem na elementy menu (dom, o itp.) Plamy farby powinny być ładowane pod menu:

http://www.saradouglas.net/home

Arkusz stylów znajduje się tutaj.

To działało dobrze, gdy każdy div div był ustawiony na pozycjonowanie bezwzględne, ale zdałem sobie sprawę, że pojawią się one w różnych miejscach w różnych rozdzielczościach ekranu. Pomyślałem, że będzie to przypadek zmiany tego na pozycjonowanie względne, a następnie odpowiednie dostosowanie współrzędnych. Niestety teraz moje plamy nie pojawiają się w menu, tak jak powinny.

Aby wyjaśnić, chcę, aby plamy pojawiły się w menu - więc menu powinno zawsze pojawiać się nad plamami. Stało się to problemem tylko dlatego, że ustawienie menu na względne, a te rozchodzą się na absolutne.

Mam nadzieję, że jest to prosty do naprawienia i po prostu czegoś brakuje. Mam nadzieję, że ktoś tutaj może mi powiedzieć, gdzie poszedłem źle i zaproponować rozwiązanie!

Dotychczas przekazano kilka dobrych odpowiedzi, ale niestety nie rozwiązały one mojego problemu. Próbowałem dodać tło menu do klasy ul, a nie do div, ale to nie zmieniło problemu.

questionAnswers(3)

yourAnswerToTheQuestion