problema pulsanti personalizzati

[dogo21sob]

Ho utilizzato questo tool per generare le immagini di sfondo ed il css. Il codice css generato è il seguente:

button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 20px;
line-height: 20px;
width: auto;
}

button.rounded {
background: transparent url('images/btn_right.png') no-repeat scroll right top;
clear: left;
font-size: 1em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 20px;
line-height: 20px;
}

button.rounded span {
background: transparent url('images/btn_left.png') no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -20px;
}

button.rounded:hover span {
background-position: 0% -20px;
}

button::-moz-focus-inner {
border: none;
}

Il problema è che su firefox i pulsanti creati in questo modo si vedono bene, mentre su chrome e safari la parte destra del pulsante non è allineata con la parte sinistra, si trova più su di qualche pixel... sapete come potrei fixare questo problema?

Grazie in anticipo...

[dogo21sob]

Se può aiutare inserisco un immagine di come vengono visualizzati i pulsanti sui browser chrome e safari...

[dogo21sob]

Se nessuno riesce a risolvere questo mistero, potreste almeno dirmi come fate voi? Cioè ho bisogno di sostituire i classici pulsanti di submit con qualcosa di colorato, dagli angoli arrotondati, ridimensionabili in base all'etichetta del pulsante e compatibili con tutti i browser... qualcuno di voi avrà pur usato dei bottoni del genere sul proprio sito, no? aiutatemi

[Mich_]

Cosi` ad occhio direi che c'e` un px di differenza tra l'altezza del campo e la dimensione delle immagini che formano i due pezzi arrotondati (a destra e a sinistra).

Non e` che hai del padding da qualche parte, o che non hai annullato tutti i bordi, padding e margin?

[dogo21sob]

No, ho inserito il blocco css di cui sopra in un nuovo file per testarlo ed il rispettivo codice html su una pagina web "pulita" senza altri stili e nient'altro... le due immagini che compongono il bottone hanno la stessa altezza, ed i pulsanti vengono visualizzati correttamente su internet explorer e firefox, mentre su chrome e safari no... per fare delle prove basta aprire l'url usato per generare questi bottoni (e cioè questo) con i vari browser...