Как заставить изображение зависать в CSS?

Я хочу изменить изображение с нормального на более яркое при наведении. Мой код:

    <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;
}

Почему не работает наведение? Когда моя мышь находится на нем, она показывает первое изображение, а не изображение при наведении.