Box model: Cambiare il colore di sfondo al passagio del mouse

[blumaro]

.caselle {
BORDER-RIGHT: #AEAD99 1px solid; PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 0px; LEFT: 0px; BORDER-BOTTOM: #AEAD99 1px solid; TOP: 0px; BACKGROUND-COLOR: #ffdddd; WIDTH: 250px;
}

.caselle UL LI A:hover {
COLOR: #000000; background-image: url(http://www.site.it/menu/green.gif); background-repeat: repeat
}



Ho una serie di caselle, larghe 250px, contenenti nomi di hotel e vorrei far si che passando sopra con il mouse cambi il colore di sfondo.

Con il codice che ho inserito però al passaggio del mouse cambia il colore di sfondo solo della parola linkata e non di tutto il box model che è largo appunto 250px.

C'è qualcuno che saprebbe indicarmi come fare?



Blum!

[fcaldera]

dovrebbe bastare

display: block;

per l'elemento A