Bonjour,

Je rencontre un souci avec IE lors de l'utilisation de div avec des coins arrondis.
Tout fonctionne bien sous FireFox mais que ce soit sur Internet Explorer 6 ou 7 c'est le même problème.

Caputre : http://images2.hiboox.com/images/4808/7aca69371e82e5ad8ef720­f75cc8fca4.jpg

Merci d'avance pour votre aide.



HTML :

<div id="BoutonOrange"><li><a href=index.php?page=ModifierCoordonnees.php><span>Modifier mes coordonnées</span></a></li></div>


CSS :

#BoutonOrange {
overflow:hidden;
float:none;
list-style:none;
padding-bottom: 20px;
float:right;
}

#BoutonOrange li {
float:right;
}

#BoutonOrange a {
float:right;
text-decoration:none;
letter-spacing:1px;
padding-left:10px;
background:url(../images/BoutonORANGE-CoinGauche.png) 0 -226px no-repeat;
}

#BoutonOrange span {
float:right;
padding:6px 10px 3px 0;
background:url(../images/BoutonORANGE-CoinDroit.PNG) 100% -226px no-repeat;
color:#000000;
font-family: Arial;
font-size:12px
}

#BoutonOrange a:hover {
background-position:0 -476px
}

#BoutonOrange a:hover span {
background-position:100% -476px;
color:#000000;
}

Configuration: Windows XP
Firefox 3.0.3