Hai bisogno di menu a discesa CSS Consigli

Question

Sto cercando di rendere il mio primo menu a discesa css/html puro, ma stavo avendo difficoltà a far funzionare correttamente la funzione Hover. Ho ricevuto ottime risposte, ma questa volta è tutto incasinato e non è nel posto giusto. Sono così perso a questo punto.

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

ho la sensazione che ha a che fare con somthing positioning la jsfiddle sopra è quello che ho dopo aver chiesto circa l'effetto "discesa" ..

Tenete a mente Sono ancora un novizio quando si tratta di CSS corretto. Qualsiasi consiglio o aiuto nel rendere questo menu funzionante sarebbe più apprezzato! E le critiche costruttive sono sempre benvenute.

Answer 1

Il tuo markup non è valido. ID s deve essere unico. cioè non è possibile utilizzare lo stesso ID su elementi muiltiple. Questo è ciò che è class. Non è necessario usare lo ID per questo.

#navwrap ul li ul { 
    display: none; 
} 
#navwrap ul li:hover ul { 
    display: block; 
    position: relative; 
} 

Spostare il :hover al genitore li

È possibile lo stile dei due ul separatamente come questo:

livello superiore:

#navwrap > ul { your styles ... } 

Sublevel:

#navwrap ul ul { your styles ... }