Spry Tabbed Panel doesn't work

Question

I have a spry tabbed panel on my site. The tabs contain
information, but you cannot open the tab. I can set the default
tab, and the info is there, it just won't allow me to open the
different tabs. Code is below:
<div id="level3MainContent"> <!--
InstanceBeginEditable name="content" -->
<div spry:region="ds1">
<div spry:repeat="ds1">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab"
tabindex="0">Newspaper</li>
<li class="TabbedPanelsTab"
tabindex="0">Location</li>
<li class="TabbedPanelsTab"
tabindex="0">Information</li>
<li class="TabbedPanelsTab" tabindex="0">Microfilim
Holdings</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div
class="TabbedPanelsContent">{ns1:title}</div>
<div class="TabbedPanelsContent">County:
{ns1:county}<br />City: {ns1:city}</div>
<div class="TabbedPanelsContent">Publisher:
{ns1:publisher}<br />Volume: {ns1:volume}<br
/>Published: {ns1:published}<br />Other Information:
{ns1:otherinfo}</div>
<div
class="TabbedPanelsContent">{ns1:microfilm}</div>
</div><p></p>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new
Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:1});
//-->
</script>
<!-- InstanceEndEditable --></div>
Link to page is:
http://www.history.nd.gov/archives/counties/barnes.html

Answer 1

I tried it on a blank page, nothing but the tabbed panel. It
still does not allow the user to open a tab:
http://www.history.nd.gov/trialTAB.html
I am not sure about the generic statement about "some
problems not allowing it to validate. if you sort those". Can you
be more specific. I have had a number of problems with spry panels
that won't open. The spry menus work fine on the site.