Two level CSS Tabs menu

[smokinguns]

Hey guys,
Need some help regarding the 'Two level CSS Tabs menu'
Say i have the foll tab structure:
2 main level tabs: Level 1 and Level 2
Level 1 tab doesnt have any sub levels, but Level 2 Tab has 3 sublevels:
Level 2.1,2.2 and 2.3 and the class of level 2 is
class="selected", so its selected by default.

I get the navigation to work, but when I select the Level 1 Tab it shows the sub levels of level 2. Here is my code:

<ul id="maintab">
<li><a href="#" onclick="parent.main.location.href='Level1.php';return false;">Level 1</a></li>
<li class="selected"><a href="#">Level 2</a></li>

<div id="tabcontent" class="clearfix">
<ul class="selected">
<li><a href="#" onclick="parent.main.location.href='Level21.php';return false;">Level 2.1</a></li>
<li><a href="#" onclick="parent.main.location.href='Level22.php';return false;">Level 2.2</a></li>
<li><a href="#" onclick="parent.main.location.href='Level23.php';return false;">Level 2.3</a></li>

</ul>
</div>

Btw the tabbed menu is in one frame and the pages are opened in the bottom frame. the navigation works , but the tabbed view is incorrect
Any inputs??

[Medyman]

Go back to the instructions, and reread.

Pay special attention to "id" and "rel" attributes.