all tabs ajax - issue

all tabs ajax - issue


Hello again,
I am trying to get all the tabs loaded via ajax, including the first
one. The issue is jQuery is creating the dynamic tab DIVs outside
#tabs which makes the content to be out of frame. To past around this
I had to have the first tab (default one) as static content:
JS code:
$("#tabs").tabs();
HTML:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Ugly Hack</a></li>
<li><a href="a.php">Tab 1</a></li>
<li><a href="b.php">Tab 2</a></li>
<li><a href="c.php">Tab 3</a></li>
</ul>
<div id="tabs-1">you can't get rid of me.</div>
</div>
So everything works as expected. Removing the first <li> from #tabs
would fail (even if i left #tabs-1 laying around inside #tabs).
Im running jQuery 1.2.6 and UI 1.6rc4.
Any clue ?