[CSS 3] Coins arrondis d'un select avec iPhone

[befou]

Bonjour
Je veux rendre mes boutons select (listes déroulantes) arrondis avec ces attributs CSS3 :

Code css :

1
2
3
4
5
6
 
select {
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px; 
  border-radius: 16px; 	
}

Ca se passe très bien sur Firefox. Un peu moins bien sur Safari, mais ça reste correct (le carré bleu à droite, contenant la flèche bas, déborde un peu du cadre arrondi de l'élément). Mais sur l'iPhone, c'est bien pire. Des coins carrés de couleur grise apparaissent sur 3 des 4 angles de mon élément. La couleur grise n'est pas uniforme, j'ai du gris clair en bas à gauche, et du gris foncé sur les 2 angles de droite.
Quelqu'un sait-il à quoi c'est dû ?

[befou]

Pour vous aider à mieux comprendre mon problème, j'ai ajouté un screenshot. Le voici en PJ.
On voit bien les coins gris carrés dans les angles