UI-Tabs, в Ajax-режиме связанный контент находится вне UL

Question

Я знаю, я задам этот вопрос, так что здесь идет.Мне никогда не удавалось заставить UI-вкладки работать с ajax.Моя проблема в этом. Вкладки работают и отображаются правильно.Желаемая ссылка на контент присутствует.Тем не менее, они - огромное пространство под вкладками, которые, по словам Firebug, являются UL.Мое действительное содержание LI находится под длинным пространством (и, по-видимому, выходит за рамки UL) и теперь является DIV.

Может наблюдаться на Эта ссылка .Прокрутите немного вниз, и это в правом столбце.

Мой jquery

$('#example').tabs({
load: function(event, ui) {
    $('a', ui.panel).click(function() {
        $(ui.panel).load(this.href);
        return false;
    });
  }
});

Мой HTML

<div id="example">
<ul>
<li><a href="ajaxfiles/palin.html"><span>Palin</span></a></li>
<li><a href="ajaxfiles/Beckomania.html"><span>Beck O Mania</span></a></li>
<li><a href="ajaxfiles/left.html"><span>On The Left</span></a></li>
<li><a href="ajaxfiles/fox.html"><span>On The Right</span></a></li>    
</ul>

</div>

Насколько правильно отображаются вкладки, я мог быиспользуйте только обычные

$ ("#tabs") .tabs ();

, и получается то же самое

У меня было этопроблема каждый раз, когда я пытался использовать вкладки с Ajax и хотел бы знать, что я делаю неправильно.спасибо за ваше время