jquery-ui-tabs : last item of unordered list is merging with the last list item in IE 6.0 / 7.0
Hi All,
My jquery-ui-tabs have following functionalities implemented
1. Sortable [All tabs except the 'Add Tab']
2. Add Tab [using add tab link]
Above works fine in Mozilla, but in IE 6.0 / 7.0, my 'add_tab' link is getting
merged with the last list item. As a result, 'add_tab' link button is joining the
last listitem [last tab], while sorting the tabs.
I have checked this thing in IE 8.0 and it is working fine.
Note: I do not want to make <li> item for 'add_tab' since this will make my 'add_tab' link button also sortable.
Please suggest!
-------------------Tabs html markup-------------------
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
<a id="add_tab" href="#">Aenean lacinia</a>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<p>Tab 3 content</p>
</div>
</div>.
--------------------------------------
Thanks,
Techie21st