CSS横向菜单问题：在IE7中无法工作

Question

你能帮我解决这个此页面菜单吗？菜单列表项没有宽度而定义的，所以它们显示在IE7 100％的宽度。如果我做span.right有浮动：左，它解决了这个问题，但随后的圆角不起作用。一个可能的解决方案可能是摆脱正确的跨度，并设置填充和背景图像锚，但将：1）阻止我能够使用的背景图片上的定位（对于这种情况下，我想一个纯色将做）和b）要求我打破menu.png成单独的图像文件。

如果你们有什么好的建议，让我知道。谢谢！

Answer 1

如果您移动的实际文本中间，<span class="left"></span>和<span class="right"></span>之间，并且在<span>标签包括它：

<li><a href="#">
    <span class="left"></span>
    <span>Home</span>
    <span class="right"></span>
</a></li>

您可以再添加CSS规则：

#menu ul li a span
{
    float: left;
}

然后，从float: left;和span.left除去span.right。这应该工作在Firefox和IE 7罚款，我假设大多数其他浏览器了。当然，这只会如果你与重组HTML一点点OK工作。