ecco la cavolata!!!

come è possibile notare dal codice xhtml che ho postato, la sottolista segue direttamente l'ancora della voce principale, entrambi racchiusi nell'elemento lista del menù principale.

ora il punto è questo: il tag A per definizione è un elemento inline; quindi il suo comportamento normale è quello di consentire la disposizione di contenuti sulla destra.

per risolvere il problema è sufficiente aggiungere la proprietà display: block alla classe del tag in modo da forzare la sottolista ad andare a capo; e magicamente il menù torna a posto