Background multiple images alignement droite et gauche probleme IE

Bonjour

J'ai un bandeau séparé en 2 div. J'aimerai mettre 2 images sur ce bandeau 1 alignée à droit, 1 alignée à gauche.
Je ne peux pas modifier le html, seulement le css.
Sur firefox tout fonctionne mais sur IE soucis l'image n'est pas aligné à droite.
IE qui bug


Firefox ok


http://jsfiddle.net/pu9fcatu/

#suiteBar
{
background:url(1036/images/bandeau-na.jpg),url(1036/images/bandeau-na-repeatx.jpg);
height: 135px;
background-repeat: no-repeat,repeat;
background-position: right,left; 
}
#suiteBarLeft, #suiteBarRight {
    display: table-cell;
    line-height: 0;
}

#suiteBarRight {
    color: #666;
    padding-right: 5px;
    white-space: nowrap;
}

#suiteBar {
    display: table-row;
}

<div class="ms-dialogHidden noindex" id="suiteBar">
 <div id="suiteBarLeft"></div>
 <div id="suiteBarRight"></div>
</div>

Merci de votre aide
Modifié par neka (11 Feb 2015 - 09:10)