Css IE7中的圆角div问题

我使用以下结构

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

asdkjhkhasf

在IE7中，右曲线图像（最后一个div）中断到下一行

---

请帮助我解决此问题。

交换span和右浮动div，使div位于第一位。

尝试在span中添加“float:left”