ui.tabs problem

ui.tabs problem


Hello, all.
I make next code.
$("#container-1 > ul").tabs({
tabTemplate: '<li><a href="#{href}" class="inactive"><span
class="l">#{label}</span><span class="r"></span></a></li>'
, fx: {opacity: 'toggle'}
});
Tabs see like this:
<div id="container-1" class="cont_nav" style="margin:0;">
    <ul style="font-weight:bold;">
        <li><a href="/controller?page=general" class="inactive"><span
class="l">1. General Data</span><span class="r">&nbsp;</span></a></li>
        <li><a href="/controller?page=map" class="inactive"><span
class="l">2. Map</span><span class="r">&nbsp;</span></a></li>
        <li><a href="/controller?page=description" class="inactive"><span
class="l">3. Description</span><span class="r">&nbsp;</span></a></li>
    </ul>
</div>
There is an idea that should be ajax tabs.
Before clck to tab generated code like this:
<li class="">
<a class="inactive" href="#ui-tabs-17">
<span class="l">1. general</span>
<span class="r"></span>
</a>
</li>
But i see double text in selected tabs after clicking on
<li class="ui-tabs-selected">
<a class="inactive" href="#ui-tabs-3">
<span class="l">1. General Data</span>
<span class="r">1. General Data</span>
</a>
</li>
Could tell me pleas how can I fix this bug?
Thanks