IE7圓角div問題

Question

我正在使用以下結構。

<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>  

在IE7中，右曲線圖像（最後一個div）是打破到下一行...

請幫我解決這個問題。

Answer 1

嘗試添加「浮動：左」你的跨度

Answer 2

交換跨度和右浮動div，以便div首先出現。