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