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首先出现。