Problème css/IE : Div de positionnement

Bonjour,

Encore une fois un boulet va vous solliciter pour un problème de compatibilité IE /html-css...

vous pouvez voir le site :
https://www.sfr.fr/fermeture-des-pages-perso.html

Le problème vient du haut de la bannière... les 3 images (logo gif a gauche, image gif milieu et logo2 a droite) sont dans un div et l'image (définissant les bords) doit se superposer...

Voila mon code :
/*********html***********/
<div id="blocBanniere">
<div id="logoClubGif"></div>
<div id="JudoGif"></div>
<div id="logoClubOff"></div>
</div>
<div id="JudoBanniere"></div>
/************************/

/******CSS***************/
#JudoBanniere
{
background-image: url('../images/jcVayres_Judo_banniere.png');
background-repeat: no-repeat ;
width: 1024px;
height: 178px;
margin:0px;
float:rigth;
}

#blocBanniere
{
width: 1024px;
height: 178px;
float:left;
}

#JudoGif
{
background-image: url('../images/jcVayres_Judo.gif');
background-repeat: no-repeat ;
width: 300px;
height: 90px;
margin-left:130px;
margin-top: 6px;
float:left;
}

#logoClubOff
{
background-image: url('../images/logoJCVayres.png');
background-repeat: no-repeat ;
width: 103px;
height: 96px;
margin-left:660px;
margin-top: 6px;
}

#logoClubGif
{
background-image: url('../images/logo_jcVayres_Judo.gif');
background-repeat: no-repeat ;
width: 115px;
height: 127px;
margin:2px;
float:left;
}
/******************************/

ça marche sous Firefox, et presque sous IE...

Merci pour votre aide