Come si da lo stato hover su immagini img nel css

[lucaeffe]

Ho delle immagini caricate tramite <img src.... nell'html e rinchiuse in un div.
Vorrei dare a queste immagini uno stato hover con un altra immagine.
Ho provato con

img a:hover{
background-image:.......

ma non funziona,come potrei fare?

In questo sito c'è un esempio di quello che vorrei fare.
http://www.alexandregomes.com.br/fotos.aspx

[lucavizzi]

devi predisporre un div per ogni immagine, ogni div deve avere come background-image:la-tua-immagine-iniziale.jpg (non devi usare il tag <img />)

poi nel css:

div#id-del-tuo-div:hover{
background-image:la-tua-immagine-hover.jpg
}

tieni presente che lo stato di hover, applicato al tag <div>, su internet explorer 6 (e precedenti) non funziona, su ie6 l'hover funziona solo sul tag <a>, quidi forse invece di <div> ti conviene usare <a> impostando larghezza e altezza.