Pulsante con onMouseOver utilizzando una sola immagine

Come da titolo chi non conosce il famosissimo phpbb3? Ecco, a me servirebbe una dritta per fare dei bottoni come quelli, cioè, che carica una sola immagine, e quando ci passo sopra si vede l'altra parte, sotto.

Mi hanno detto che è uno javascript ma non so come diavolo cercare in internet

Io ora utilizzo un semplice OnMouseOver ma la seconda immagine ( quando sono Over) ci mette un po a caricare quindi mi servirebbe questo metodo per caricare tutto subito, preferisco che tardi la prima che la seconda

Trovato: http://www.extrowebsite.com/articolocss.asp?id=63
Non è JavaScript..ma CSS..
Ciao! ^^

Ho risolto così, ieri stesso ma mi sono dimenticato di postare:

td.background_dropmenu {
display : inline-table;
margin : 2px 5px;
text-decoration : none;
color : #666666;
background : url(images/white/background_dropmenu.png) top no-repeat;
width : 100px;
height : 25px;
text-align : center;
}
td:hover.background_dropmenu {
display : inline-table;
margin : 2px 5px;
text-decoration : none;
background : url(images/white/background_dropmenu.png) bottom no-repeat;
width : 100px;
height : 25px;
text-align : center;
cursor : pointer;
color : #335ea8;
}

Grazie lo stesso siM