Pb IE avec coins arrondis

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/7aca69371e82e5ad8ef720f75cc8fca4.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