Menu rozwijane ukryte za suwakiem javascript

Question

Obecnie rozwijana część mojego menu nawigacji jest ukryta za suwakiem javascript, który znajduje się bezpośrednio pod nim. Zobacz problem here. Jak mogę wyświetlić menu rozwijane nad suwakiem?

Oto niektóre z CSS dla dwóch elementów div, które zawierają odpowiednie menu i suwak nawigacji.

Nav Menu:

#nav { 
width:1024px; 
height:20px; 
border-bottom:1px solid #ccc; 
} 

Suwak:

#slider { 
width:1024px; 
height:300px; 
background: #353A33; 
padding-bottom:5px; 
} 

Jakieś pomysły?

Answer 1

Spróbuj dodać z-index do klasy .dropdown:

/* Navigation Style */ 
.dropdown { 
    position:relative; 
    font-family: arial, sans-serif; 
    height:50px; 
    width:100%; 
    font-size:14px; 
    color:#ffffff; 
    background:#353A33; 
    z-index:1000; 
} 

Answer 2

użycie position: absolute z najwyższym z-index na nav