[Aetae]

фокус теряется - кнопка отклеивается
лишний элемент, - убрал

Ну тут уж без опа непоймёшь какое именно поведение ему нужно было на самом деле.) Каждое поведение по-своему логично и зависит от того что изображает картинка.
И если уж использовать javascript, то не вижу никаого смысла в применении некросбраузерного селектора аттрибутов вместо обычного класса, как, впрочем, не вижу смысла и в использовании пустого изображения(загрузка кторого тоже слегка тормозит загрузкy остального контента):

<style type="text/css">
#button {
	background:url(http://s1.uploads.ru/i/EFYyv.png) 0 100% no-repeat;
	width:91px;
	height:22px;
    border:0;
}
#button:hover , #button.pressed{
	background-position: left top;
}
</style>
<input type="button" id="button" onclick="this.className='pressed'"/>

P.S. Я вообще считаю, что ему достатчно было моего первого варианте.)