¿Cómo hacer que la imagen se desplace en css?

Quiero cambiar la imagen de normal a más brillante cuando está al pasar el mouse, Mi código:

<code>    <div class="nkhome">
        <a href="Home.html"><img src="Images/btnhome.png" /></a>
    </div>
.nkhome{
    margin-left:260px;
    top:170px;
    position:absolute;
    width:59px;
    height:59px;
}
.nkhome a img:hover {
    background:url(Images/btnhomeh.png);
    position:absolute;
    top:0px;
}
</code>

¿Por qué no funciona el hover? Cuando mi mouse está sobre él, muestra la primera imagen, no la imagen flotante.

Respuestas a la pregunta(8)

Su respuesta a la pregunta