Text-align dans un bouton input pour mobile (iPhone)

Bonjour à tous,

Voila j'intègre la version mobile d'un site, le site comprend un formulaire avec un bouton designé avec une image en arrière plan et le text aligné à droite:

input[type="submit"]{
text-align:right;
height:48px;
width:71px;
border:none;
background-image:url(img.png);
background-repeat:no-repeat;
background-position: 0 0;
}

Ceci fonctionne bien sur navigateur desktop, mais pas sur mobile(je regarde via mon iphone) le texte ne s'aligne pas sur la droite.
Avez vous une solution?
Merci

Essaie de lui donner une valeur display: inline-block

Non ça ne fonctionne pas,
j'ai bidouillé une solution, je la mets pour ce qui serait dans ce problème.
J'ai entouré mon bouton d'un span:

<span><input type="submit" value="Ok" /></span>

et je dimensionne mon span de la taille voulu et j'agrandis mon bouton, le texte lui sera centrer mais on aura l'impression que le text sera aligné à droite:

span{
height:48px;
width:71px;/*largeur du bouton voulut*/
display:block;
overflow:hidden;/*on masque ce qui dépassera*/
}
input[type="submit"]{
text-align:right;
height:48px;
width:71px;/*largeur plus grande pour que le texte s'aligne*/
border:none;
background-image:url(img.png);
background-repeat:no-repeat;
background-position: 0 0;
}