Bug: Button mit Image

Hallo,

ich verzweifle gerade an einer Sache.

Ich will einen Button mit einem Image darin haben, aber nicht per background-image.

CSS:
#resetbutton {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 87px;
    height: 17px;
}

HTML:
<div>
    <button>
        <img>
    </button>
</div>

Gut, jetzt habe ich links oben einen Button in hässlichen grau und 3d feeling, und mittig dazu das Bild.

Per border: none; bekomm ich den grauen 3d look weg, mit width und height passe ich den Button genau auf die Bildgrösse an.

In IE6 und IE7 siehts gut aus, in FF und Opera gibts links einen grauen Rand. Per margin und padding bekomm ich für Opera den grauen rand links weg, aber im FF bleibts so.

#resetbutton button {
    border: none;
    width: 87px;
    height: 17px;							
    margin: 0px;
    padding: 0px;						
}

Auch ist im FF das klick gefühl nicht da, also dass der Button ein paar Pixel nach rechtsunten wandert während ich die linke Mouse gedrückt halte.

Ist das ein FF bug? Weiss jemand eine Lösung dafür?

Liebe Grüße
Marco

Hallo,

um das ganze nochmal klarer zu dokumentieren:

In FF siehts so aus (falsch):

[Blockierte Grafik: http://home.versanet.de/~marco204/ff.jpg]

Opera, Ie6 und Ie7 machens so (richtig):

[Blockierte Grafik: http://home.versanet.de/~marco204/sonst.jpg]

Und zu sehen ist das ganze hier:
Button mit Image

Liebe Grüße
Marco