CSS problemi di compatibilità tra browser

[Keyren]

salve a tutti ho un problema nel visualizzare un'immagine tra i vari browser,ho sostituito un pulsante(submit) con un immagine,funziona tutto a dovere,su internet explorer e mozilla il risultato è questo mentre su chrome il risultato è questo

questo è la parte di CSS

#Pulsante{
 outline: none; 
cursor: pointer; 
width: 16px; 
height: 16px; 
padding: 0px; 
border: 0; 
border-left: 1px solid #faa53a;
background: url("../IMG/icon_search.gif") no-repeat center ;
 position: absolute; 
right: 2px; 
bottom:2px; 
}

mentre questa è la parte di codice che richiama il CSS

<form action="Index.php?Result" METHOD="POST">
 <input type="text" name="Campo" value="" > 
<input type="submit" ID="Pulsante" name="Search" value="" /> 
</form>'

solitamente è IE che da problemi,ho provato a risolvere,ma senza risultati^^'

[ResianTaxidrive]

il form ha qualche stile applicato?

[Keyren]

No l'unica cosa è ID="Pulsante" per il resto la form è pulita

[ResianTaxidrive]

succede qualcosa di diverso se applichi un position:relative alla form?

[Keyren]

no nulla..avevo pensato di usare i Conditional Comments,tipo una cosa del genere:

#Pulsante{ 
outline: none;
 cursor: pointer; width: 16px;
 height: 16px; 
padding: 0px; 
border: 0; 
border-left: 1px solid #faa53a; 
background: url("../IMG/icon_search.gif") no-repeat center ; 
position: absolute; 
right: 2px; 
bottom:2px; 
@media screen and (-webkit-min-device-pixel-ratio:0) {
right: 5px;
}
}

ma non funzionava..cmq ho risolto modificando i valori di right e bottom,sono riuscito ad ottenere un risultato decente per entrambi^^

EDIT: ho approfondito la questione del Conditional Comments ho creato 2 classi uguali una per tutti i browser e una specifica per chrome =D così in tutti i browser li visualizzo correttamente^_^