Background-image charcutée par IE

Bonjour,

Je viens de tomber sur un phénomène qui m'était encore inconnu :

une simple backgroung-image (un .gif) associée à un lien qui est corrompu par IE.
Difficile à décrire:l'image est coupée en 2 verticalement et chaque 1/2 est intervertie.

Voici le rendu dans la maquette:

Voici l'image réelle, bien rendue sous FF:


rien d'extraordinaire pour la gestion css de l'icone:

.content a#toggle-content {
	color: #79201E;
/*	text-align: right;*/
	background-image: url(../images/arrow_out.gif);
	background-repeat: no-repeat;
background-position: right;
padding:2px 25px 2px 0;
}
.content a.ouvert {
		background-image: url(../images/arrow_in.gif)!important;
			background-repeat: no-repeat;
}

Seul un display: block avec des dimensions imposées permettent à IE d'afficher l'image de fond ok.....

Je suis sûr que c'est connu ce truc non ?

Merci

ps: le lien recoit par défaut l'id #toggle-content et se voit selon le cas attribuer en + la class .ouvert par jQuery.

(il s'agit d'un div qui peut être déplié/replié)
Modifié par elz64 (18 Aug 2008 - 19:30)