Menu immagini on mouse over...

[ana4ever-vids]

Premetto che posto in questo forum dopo aver pensato per 10 minuti se scrivere qui, nel forum dei css o nel forum di javascript!
Ho un menu verticale fatto di immagini. Ecco il codice HTML:

<div></div>
<div></div>
<div></div>
<div></div>

Codice del CSS:

#menu_1 {
	background: url(images/menu_1.png) no-repeat;
}
#menu_1_actual {
	background: url(images/menu_1_over.png) no-repeat;
}
#menu_1:hover {
	background: url(images/menu_1_over.png) no-repeat;
}
#menu_1 div {
	height: 60px;
	width: 185px;
	background: inherit;
}
#menu_1_actual div {
	height: 60px;
	width: 185px;
	background: inherit;
}

Questa cosa però non è valida! Io voglio usare XHTML 1.1! Quindi, c'è qualcuno che gentilmente mi sugerisce una soluzione?? Sono disposto anche ad usare AJAX, ma solo per la gestione degli hover (e non per i link o per altro)!!! Meglio se rimaniamo sull'XHTML/CSS only!

Grazie a tutti!
Ciaooo