Salve a tutti!
Sto realizzando un menu per il mio sito, e vorrei aggiungerci un effetto per cambiare colore al background di un link quando ci passo con il mouse. Ho provato a realizzare qualcosa di simile a quello della home di html.it ma senza successo Non capisco perchè mi prenda in considerazione solo il testo del link, mentre ho messo tutto all'interno di[*], proprio come su html.

Ecco il css relativo:

.menu ul {
list-style: none;
width: 145px;
}

.menu li {
list-style: none;
background: none;
width: 145px;
line-height: 20px;
font-size: 11px;
padding: 0;
}

.menu li a{
background: none;
}

.menu li a:hover{
background: #FFFFFF;
}

e l'html

<p class="menutitles">Grafica Digitale</p>
<ul>
[*]Wallpaper

[*]Avatar 100x100

[*]Avatar 100x200
[*]Firme
[*]Layout[/list]


Ecco infine un link al sito (tutto è provvisorio, dato che è ancora in costruzione)

http://www.crystalmemories.it/design_new/

Come vedete nonostante io abbia anche impostato "non" come list-type, il testo rientra comunque.

Qualche suggerimento?

Grazie in anticipo per le risposte