Beschriftung bei <input> zentrieren?

[hawkmaster]

Hallo zusammen,
ich versuche nun schon eine Weile alles möglich aber komme doch auf keine gute Lösung.
Ein Input Element mit Label:
<input name="image_test" id="image_test" type="image"  src="image/jobtk/jobinfo.gif"  alt="test" title="test" />
<label for="image_test">Testbutton</label>

Mit CSS und display:block ist die Beschriftung unterhalb.
input{
  display:block;
}

Gibt es irgend eine Lösung wie man das Input Bild immer mittig zur Beschriftung unten bekommt?
Ich habe es schon mit einem zusätzlichen <div> und text-align:center versucht. Aber das wirkt sich hier ja nicht aus.
Dann zusätzlich ein margin-left:1em;
input{
  display:block;
margin-left:1em;
}

Das schiebt zwar das Input etwas nach rechts, aber sobald man die Schriftgrösse ändert, sieht das auch nicht gut aus.
Die beste Lösung wäre vermutlich das alte "style:align=center" aber das soll man ja nicht mehr verwenden.

Hat jemand eine Idee?

vielen Dank und viele Grüße
hawk