Intanto background-color:ffcc77; si scrive background-color:#ffcc77; o non vedrai mai il colore di sfondo, a proposito il colore di sfondo ... manca del tutto, aggiungilo nel bosy o la tua pagina sarà sempre di un colore indefinito e legato al browser dell'utente.
Io lo tengo arancio apposta
Poi il tuo problema:
Non comprendo perchè inserisci ogni semplice link dentro uno span, tanto vale che dai una larghezza prefissata ad ogni ancora.
codice:
A {
font-size: 1.1em; text-decoration : none; text-weight:bold; color : red; width: 100px; margin: 2px auto;
}
A:HOVER {Color:#884400; width: 100px }
Se sostituisci questo al tuo foglio di stile, è equivalente al tuo codce, ma più breve; non solo, ho aggiunto la larghezza dello span ed un margine di due pixels tutto intorno all'ancora, dovrebbe centrarla all'interno del layer (div menù) che contiene il menù.
A già il layer menù:
codice:
.menu { background-color:white; text-align:center; background-color:#ffee99;}
Ho tolto sia il bolder dato che lo dai ai link, che senso ha ripeterlo, ed anche il size, per lo stesso motivo, inoltre ho usato una misura in percentuale invece che una fissa, la gestisci meglio. A ho anche aggiunto il # al colore di sfono
Prova e poi fai sapere il risultato.