problema con rollover di sfondo di un div

[v.pantile]

Salve a tutti!

Ho un problema che spero possiate aiutarmi a risolvere.

Devo praticamente realizzare il rollover dello sfondo di un div attraverso il codice JS in modo che quando il puntatore del mouse si trova sul link interno al div suddetto viene visualizzata una determinata immagine di sfondo del div stesso, mentre quando il mouse si trova fuori dal link lo sfondo del div è costituito da un'immagine differente.

il codice che sto utilizzando all'interno dell'HTML è il seguente:

<DIV id="menu1">Link</DIV>

probabilmente sto sbagliando la sintassi JS per l'immagine di sfondo(....background-image='cella_menu.gif'.


il codice del css esterno che identifica la classe "menu1" è il seguente:

#menu1 {
width: 116;
height: 20px;
margin: 0px;
padding: 5px 0px 0px 0px;
background-image: URL(cella_menu.gif);
font-family: arial, verdana, helvetica;
font-size: 12px;
font-weight: bold;
color: #090B96;
text-decoration: none;
text-align: center;
}

#menu1 a:link {
width: 116;
height: 20px;
margin: 0px;
padding: 5px 0px 0px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
font-weight: bold;
color: #090B96;
text-decoration: none;
text-align: center;
}

#menu1 a:visited {
width: 116;
height: 20px;
margin: 0px;
padding: 5px 0px 0px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
font-weight: bold;
color: #090B96;
text-decoration: none;
text-align: center;
}

#menu1 a:hover {
width: 116;
height: 20px;
margin: 0px;
padding: 5px 0px 0px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
font-weight: bold;
color: red;
text-decoration: none;
text-align: center;
}


GRAZIE A TUTTI E CIAO!

[Mich_]

L'attributo CSS background-image si chiama in JS backgroundImage (case sensitive). Per il resto mi pare corretto.

Il trattino in JS viene visto come segno meno (pensa cosa poteva capirci quel povero parser).

Ciao
Michele