Вкладки пользовательского интерфейса jQuery: как разместить div со свойством float: left на вкладке?

Я использую jQuery UI 1.8.16 для вкладок. Я хочу разместить на первой вкладке несколько блоков div в виде столбцов (со свойством float: left ).

Но я не могу сделать это правильно: похоже, вкладки не хотят правильно работать со свойством float (см. Изображение под текстом).

Вот код:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">First</a></li>
        <li><a href="#tabs-2">Second</a></li>
        <li><a href="#tabs-3">Third</a></li>
    </ul>
        <div id="tabs-1">
                <div style="border:1px solid red;float:left;">
                    some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>some text<br>
                </div>
        </div>
        <div id="tabs-2"></div>
        <div id="tabs-3"></div>

</div>

Как это исправить?

Спасибо!