[jQuery] Multiple Jqueries, multiple <ul> elements not behaving well

[jQuery] Multiple Jqueries, multiple <ul> elements not behaving well


Hi all,
I am attempting to use two different Jquery scripts on my page and
they each have their own <ul> css declarations which I'm having a hard
time getting around. I tried using an iframe to contain the other
elements and while it worked, it was not an elegant approach for what
I ultimately needed to do. I'm not sure exactly what the issue is. The
site with the iframe can be viewed here:
web.me.com/neechi.mosha/R-L
which is how I want it to look. However, when I try to bring the tabs
onto the main page inside the horizontal accordion I get the tabs
appearing below the accordion, looking very strange. This is my code:
    <div id="indexmain">
<table cellpadding="0" cellspacing="0" align="left"
height="100%">
<tr height="100%">
<td
height="100%">
<ul>
<li>
<a>
<!--<img src="images/nav-1.gif" style="opacity:
0.45;filter:alpha(opacity=45)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.45;this.filters.alpha.opacity=45" />--