Jak wyrównać obrazek-ikonkę w przycisku który wygląda mniej wiecej tak:


Obrazek ikonki zawsze jest przyklejony do góry buttonika, gdy zastosuje padding w CSS to wysokość buttona się zwiększa, a tego nie chcę.
CSS mam podobny do tego ze strony: http://horaciobella.com/zardi/#

Sugeruję wrzucić to, co zrobiłeś na jsfiddle.net

aktualnie efekt osiągnąłem klasą .button img (na samej górze stylu): http://jsfiddle.net/VzWp5/
dla obrazka dałem vertical-align: middle i do tego margines od góry na -2
wszystko jest poprawnie, czy można to zrobić jakoś inaczej?

Można to zrobić na kilka sposobów np:
http://twitter.github.io/bootstrap/base-css.html#icons
ikona jako tło wypozycjonowane w buttunie
ikona jak :previous w buttonie
obrazek wypozycjowany absolutnie w buttonie
obrazek vertical-align: middle obok span również tak ustawiony