quante ul e li

[KillerWorm]

Ciao, è un problema di specificità. Il tuo primo CSS agisce in modo generico sugli elementi usando semplicemente il nome tag (ul, li e così via) per cui lo stile viene applicato indistintamente su tutti gli elementi con tali relativi nomi.

Prova ad aggiungere un id, analogamente a come è nel tuo ultimo codice dove è stato specificato id="menucss" nel <div> e il relativo selettore css #menucss.

Chiaramente usa un diverso id.

Se è già presente un id, per il contenitore del menu, puoi usare quello anche nel CSS; altrimenti applica un nuovo id al contenitore del menu (come è nel tuo secondo codice), ad esempio:

<div id="menu-top">

.
Sul CSS basterà quindi specificare i selettori in questo modo:

/* menu top*/

#menu-top ul {
    /* ... relative proprietà */
}

#menu-top li a {
    /* ... relative proprietà */
}

/* ... e così via */

Fai sapere, buon proseguimento.