Witam, aktualnie tworzę własną stronę internetową, jednak ostatnio napotkałem dosyć uciążliwy problem. Mianowicie, część wysuwana górnego menu jest skutecznie zasłaniania przez obrazki będące na dole strony. Nie wiem jaka jest tego przyczyna, bo próbowałem już wielu sposobów, aby to naprawić, jednak dalej nic. Dlatego zmuszony jestem prosić Was o pomoc.

Zarys problemu: http://img31.imageshack.us/img31/3295/beztytuufyb.png

Pliki strony - http://speedy.sh/PFJtn/strona

Z góry dziękuję za wszelkie rady i pozdrawiam!

Nikt nie będzie ściągał żadnych plików na swój dysk.

Daj link do strony online, albo pokaż okrojoną wersję korzystając chociażby z jsfiddle.

Wersja online napewno by pomogła ale zgaduje że z-index powinien być ustawiony lub ustawiony na wyższą wartość.

Proszę, wersja online - http://ufcfans.cba.pl/www/

Dla tego diva:

[HTML] pobierz, plaintext 
<div class="dropdown_5columns">
[HTML] pobierz, plaintext 

daj właściwość: np. z-index: 9999;
Wartość 9999 - dałem j/w dla przykładu, może ona być mniejsza byle była większa niż z-index obrazka czy każdego innego elementu, który masz w granicach tego wysuwanego menu. Z-index mówi o kolejności pozycji "warstwy" gdy stosujesz pozycjonowanie.

Dzięki wielkie. Nie wiedziałem, że mimo wszystko będzie to aż tak proste