menu déroulant ne se comportera pas

Question

Voici le lien vers le violon: http://jsfiddle.net/UL2LB/1/

Comme vous pouvez le voir, je n'ai spécifié z-index sur la sous-liste cachée et l'élément de navigation, tous deux avoir un positionnement explicite. Donc, ma question est, pourquoi diable est mon sous-menu montrant encore au-dessus de la <nav>?

Merci d'avance pour toute réponse.

Answer 1

Donnez à votre ul une largeur de pixel et ajoutez position:relative à la li.

nav.global ul li ul { 
    width:180px; 
    ... 
} 

nav.global > ul > li { 
    display: inline-block; 
    margin-left: 2%; 
    position: relative; 
}