Problème de coin rond dans IE7

Question

J'utilise la structure suivante.

<div style="background:#000 url(images/heading/bg.gif) repeat-x 0 0; height:28px; color:#FFF;"> 
    <div style="float:left; width:4px; background: #000 url(images/heading/left_curve.gif) no-repeat 0 left; height:28px;"></div> 
    <span style="margin: 0 4px;">asdkjhkhasf</span> 
    <div style="float:right; width:4px; background: #000 url(images/heading/right_curve.gif) no-repeat 0 right; height:28px;"></div> 
    </div> 
</div>  

Dans IE7, l'image de la courbe à droite (dernière div) se brise à la ligne suivante ...

S'il vous plaît aidez-moi à résoudre ce problème.

Answer 1

essayer d'ajouter « float: left » à votre portée

Answer 2

Échangez la plage et la div flottante vers la droite, de sorte que la div soit prioritaire.