a.knopka {                                           /*выделенное красным можно заменить на любое своё название*/
display:block;
background-image: url(images/top.gif);                             /*выделенное синим меняете на свой адрес картинки*/
width:200px;
height:40px;
}
a.knopka:hover {                                       /*hover вот это и есть то самое наведение*/
display:block;
background-image: url(images/bottom.gif);
width:200px;
height:40px;
}