Bordo submit "image" x form

[-AA-]

Utilizzando questo stile

/***form******/
.button{display:block;width: 74px;height:26px; margin: 1em;
    text-align:center;font: bold 13px Arial;
    text-decoration: none; color: #979797;
    background: url(./images/butt_form.jpg) no-repeat 0 0}
.button:hover{color: #1D1D1D}
.button:hover{background-position:0 -26px;color: #1D1D1D; cursor:pointer;}
/***form******/

Ottengo l'effetto rollover sul submit di 1 form

<input type="submit" name="" value="invia" class="button"/>

...solo che rimane 1 "bordo indesiderato" che vorrei togliere...
(allego immagine)

1 = quello che ottengo a video
2 = il bottone senza bordo

[kontrasto]

Dovrebbe bastare aggiungere alle proprietà CSS del bottone "border: 0;".

[marco.carrieri]

Togliendo quel margin 1em?

[-AA-]

Grazie kontrasto, scusate se rispondo solo ora cmq è giusto, togliendo il bordo