Problème avec les select input sous IE6-7

Bonjour,

J'ai voulu ajouter une image en background dans le CSS dans un <input type="text" /> mais ça ne marche pas sous IE6 et 7, il met la bordure bleu par défaut.

Voici une image pour mieux comprendre la différence :
http://clip2net.com/page/m0/6734368

Mon code :

				<form action="">
				<p><input type="text" class="num_pays"/></p>
				<p><input type="text" class="num_normal"/></p>
				<p><input type="text" class="num_normal"/></p>
				<p><input type="text" class="num_normal"/></p>
				<p><input type="text" class="num_normal"/></p>
				<p><input type="text" class="num_normal"/></p>
				<p><input type="image" class="bouton_envoyer" value="Envoyer" src="images/bouton_envoyer.png"/></p>
				</form>

.numero_phone .num_pays {
background: url(images/num_pays.png) 0 0 no-repeat; /* image de fond */
border: 0;
height: 22px;
padding-right: 5px;
color: #58585a;
text-align: center;
*padding-top: 3px;
*padding-right: 9px;
}

.numero_phone .num_normal {
width: 27px;
background: url(images/num_normal.png) 0 0 no-repeat; /* image de fond */
border: 0;
height: 22px;
padding-right: 4px;
color: #58585a;
text-align: center;
*padding-top: 3px;
*padding-right: 8px;
}

Une solution ?

Merci.

Bonsoir,
je crois que ce n'est tout simplement pas possible sous IE.
Au passage il te manque les label correspondant à chaque input

Essaye avec border:none