вкладки отображаются неправильно в IE7, float: left не работает должным образом

Question

Предварительный просмотр , Что говорят другие вкладки сложены и выровнены по правому краю (неправильно).

Они должны быть горизонтальными и выровненными по левому краю.

Правильно отображается в Firefox, IE8.

В чем причина этого?

URL: http://www.learncentral.org/resource/view/59896

UPDATE

Связанный 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

делает float:right на якорь (A). Попробуйте изменить это значение на float: left.