Код HTML:  

<a class="button" href="#" onclick="this.blur();"><span>Сохранить</span></a>  
<a class="button" href="#" onclick="this.blur();"><span>Отмена</span></a>  

Код CSS:  

<style type="text/css">  
.clear {  
overflow: hidden;  
width: 100%;  
}  
a.button {  
background: transparent url (../images/) no-repeat scroll top right;  
color: #444;  
display: block;  
float: left;  
font: normal 12px arial, sans-serif;  
height: 24px;  
margin-right: 6px;  
padding-right: 18px;  
text-decoration: none;  
}  
a.button span {  
background: transparent url (../images/) no-repeat;  
display: block;  
line-height: 14px;  
padding: 5px 0 5px 18px;  
}  
a.button:active {  
background-position: bottom right;  
color: #000;  
outline: none;  
}  
a.button:active span {  
background-position: bottom left;  
padding: 6px 0 4px 18px;  
}  
</style>  

В (../images/) нужно прописать адрес вашей картинки для кнопки!  
(Для новичков)