Ti mancano un po` di stili per il sottomenu.
Ad esempio prova con:
codice:
ul.nav-list ul {
position:absolute;
top:2em;
left:-45px;
width: 40em;
height: 2em;
}
ul.nav-list ul li {
float; left;
display: inline; /* pleonastico - serve per correggere un baco di IE */
width: 9em;
height: 100%;
}
ul.nav-list ul li a {
display: block;
width: 100%;
height: 100%;
}
le misure sono da sistemare: i miei sono valori approssimativi.
Nota che in questi casi e` meglio usare dimensioni in em, dato che le dim. in px possono portare a sovarapposizioni o a spazi non voluti.
E ricorda ceh ci sono ottimi esempi di menu di tutti i tipi: tra i "link utili" ci sono alcuni riferimenti - a me piace il sito di CSSplay (il tuo e` un menu orizzontale a due livelli)