Decalage de 1px en float: right

[Striker]

Bonjour à tous,

J'ai un bas de page qui me pose problème, en particulier au niveau d'une image que je cale à droite et qui est décaler de 1px vers la gauche par rapport au bord du bloc parent.

Voici mon code HTML

<div id="footer">
	<div id="angle-right"></div><div id="angle-left"></div>
</div>

Et voici mon CSS

/*
** footer
*/
#footer {
    height: 10px;
    background-image: url('/images/barre_bas.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}

#angle-left, #angle-right {
    height: 10px;
    width: 8px;
    background-image: url('/images/coin_bas_g.gif');
    background-repeat: no-repeat;
    font-size:1px; /* correction d'un bug IE */
}
#angle-left {
    background-image: url('/images/coin_bas_g.gif');
}
#angle-right {
    float: right;
    background-image: url('/images/coin_bas_d.gif');
}

Le décalage ne se fait que sous Firefox et non sous IE. Je n'ai tester qu'avec ces deux navigateurs.

Je bloque complètement sur ce problème, je ne voit pas d'où ca peut venir....

Merci de votre aide

[MarvinLeRouge]

Salut,

Tu aurais une URL où on pourrait voir le pb ?

[Boudha]

Essayes de rajouter un padding: 0px; comme ceci:

#angle-left, #angle-right {
   padding: 0px;
   height: 10px;
   width: 8px;
   background-image: url('/images/coin_bas_g.gif');
   background-repeat: no-repeat;
   font-size:1px; /* correction d'un bug IE */
}

[Striker]

J'ai tester le padding: 0px mais cela ne change rien.

Par contre j'ai noté un détail qui m'a un peu surpris.

Je travail sur une zone d'écran 1280x960, avec cet affichage j'ai effectivement un décalage de 1px.

Mais lorsque je me met en 1024x768 et bien ce décalage disparait

J'avoue que là je comprend plus rien