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

交换跨度和右浮动div，以便div首先出现。

Answer 2

尝试将“float：left”添加到您的范围