Menu a discesa nascosto dietro il cursore javascript

Question

Attualmente la parte a discesa del mio menu di navigazione è nascosta dietro il cursore di JavaScript che ho direttamente sotto. Vedi il problema here. Come posso visualizzare il menu a discesa sul cursore?

Ecco alcuni dei CSS per i due div che contengono il menu di navigazione e il cursore.

Nav Menu:

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

Slider:

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

Tutte le idee?

Answer 1

provare ad aggiungere un z-index alla classe .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

uso position: absolute con la massima z-index sul vostro navigatore