Problema Rollover con css

[vigetech]

Buonasera a tutti
vorrei realizzare un rollover con css come potrei fare ?

ho visto che all'interno del sito c'è questa guida
https://www.mrw.it/css/rollover-immagini-senza-javascript_6719.html

ma non sono riuscito a capire come fare

Io sto utilizzando un foglio stile in css
con dentro gli id contenitori

e poi su html mi riporto gli id con i div

ora dovrei fare un rollover su un ipotetico pulsante home

ho due immagini è voglio che questa al passaggio del mouse cambi

ho provato a fare cosi, scrivendo nel foglio stile

a.Home {
	background-image:url(Grafica%20Sito%20web/Menu%20Tasti/Home.jpg)
    position: absolute;
	width: 103px;
	heigh: 36px;
	left: 390px;
	top: 41px;
	}
	
	a.Home:hover{
	background-image:url(Grafica%20Sito%20web/Menu%20Tasti/Home2.jpg);
    position: absolute;
	width: 103px;
	heigh: 36px;
	left: 390px;
	top: 41px;
}

e nella pagina html questo:

<div class="Home" 
</div>

ma nella mia pagina non appare nulla . sicuramente sarà un errore grave il mio ma non so come risolvere
spero che mi aiuterete siccome sono agli inizi
grazie mille a tutti

 

[filomeni]

Ciao,
intanto manca una chiusura del divdopo Home...
poi se fai una classe su un link, manca il link
cioè deve essere così:

<a href="#" class="Home"></a>

Se ritieni di fare un rollover con:

a.Home:hover{...

Poi attento al percorso dell'immagine... se non è corretto, normale non si veda.
Ciao