Ma scherzi a vergognarti? Tutti fanno domande, anzi...
Non se riuscirò ad aiutarti, sono troppo stanco e posso dire fregnacce
Ma ad occhio ci sono diversi errori. Praticamente hai dichiarato 4 volte, se non erro, lo stesso tipo di carattere, bordi e quant'altro, ma questo non pregiudica la pagina.
L'errore di base credo sia questo:
A#menu li:link { color: white; }
A#menu li:visited { color: white; }
A#menu li:hover { color: black; background-color: white; }
A#menu li:active { color: white; }
da sostituire con ad esempio:
#menu a {
color:
#000000;
background-color:
#339933;
} a:hover { color: black; background-color:
#666666; }
Il problema è che tu vuoi fare dei pulsanti se non erro. Così lo sfondo non copre tutto il "li" ma solo il testo dell'"a".
Ma piazzando lo sfondo direttamente sul li risolvi mezzo problema! Non hai la possibilità di definire un hover! Come risolvere il problema? Con un display:block ad occhio.
No, sono troppo spossato, rischio di dirti sciocchezze e mi fermo.
Ad ogni modo se, ripeto, ho capito bene e vuoi fare un menù studiati come sono fatti questi qui!