Décalage de quelques pixels au survol avec ie et background position

Bonjour à tous,

J'ai mis en place sur un bouton de formulaire de type submit une image avec background et lors du survol de celle-ci par la souris je change la position de l'image pour afficher l'image de survol :

#newsletter_block_left .button_mini {
	background-color: transparent;
	background-image: url('../img/bloc_newsletter_submit.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 20px;
	height: 23px;
	cursor: pointer;
	float: left;
	border: 0;
	}
#newsletter_block_left .button_mini:hover {
	background-position: 0px -23px;
	}

Sous Chrome et FF tout fonctionne très bien mais sous IE8 j'ai un décalage d'environ 1px je pense que je n'arrrive pas à régler sauf en modifiant le changement de position :

#newsletter_block_left .button_mini:hover {
	position: relative;
	background-position: 0px -24px;
	}

Est ce que quelqu'un aurait une petite idée de la provenance de se décallage ou alors un hack à me proposer.

D'avance merci à vous.
Modifié par erehcab (27 Jan 2011 - 09:40)

tu a tenter en ajoutant margin:0; padding:0; ?

Bonjour Sylvain245, merci pour ta réponse.

Je viens d'essayer mais ça ne change rien ...