Bild neben Inputfeld

[Anonymus]

Hallo,
ich will neben einem Inputfeld ein Bildchen machen, das bei einem Klick eine Javascript-Funktion aufruft.
Das Bild habe ich in einem <a>-Block und der klick wird in einem Script abgefangen.

Komischerweise wird das Bild viel größer dargestellt , als es eigentlich ist. Bzw. es wird nicht größer dargestellt, da es gar nicht in die Größe die ich bei <a> definiert habe passt. Das Bild ist im Original 22 Pixel groß aber erst bei einem <a>-Block der Größe 45x45 wird es komplett angezeigt. So sieht die Zeile aus
<input>...</input> <a href="#" id="button" style="display: inline-block; height: 22px; width: 22px; background: url('./bild.png') no-repeat center center; text-decoration: none;">&nbsp;</a>

Lasse ich display: inline-block weg, wird es, egal welche Größe ich einstelle, als ein 2x15 Pixel (geschätzt) Streifen angezeigt.

Weiß wer, warum es sich anders verhält wie ich es mir vorstelle?

Danke