选项卡在IE7中显示错误，浮动：左边不能按预期工作

Question

预览，其他人说的话标签是堆叠的，右对齐的（错误的）。

它们应该是水平的并且左对齐。

它在firefox，IE8中正确显示。

这是什么原因？

网址：http://www.learncentral.org/resource/view/59896

更新

这里有相关的HTML：

<div class="ed_tabs">
      <ul class="ui-tabs-nav">
        <li class="selected ui-tabs-selected"><a href="#first">Preview</a></li>
        <li><a href="#second">What others are saying...(0)</a></li>
      </ul>
    </div>

的CSS：

.ed_tabs {
border-bottom:3px solid #3F79C2;
float:left;
width:100%;
}

.ed_tabs ul {
float:left;
list-style:none outside none;
margin:0.5em 0 0;
padding:0 0 0 1em;
}

li  {
float:left;
padding:0 1px 0 0;
}

Answer 1

不确定为什么IE7的工作方式不同，但我看到了

的CSS规则

.ed_tabs ul li a

对锚点（A）执行float:right。请尝试将其更改为float: left。