[TYPO3] Css drop down menu problem

[Gideon So]

Hi all,

	I woould like to make a css drop down menu like the following:

<ul><li><a href="#">Home</a></li> </ul>

<ul> <li><a href="#">Drop-down 1<!--[if IE
7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul> <li><a href="#">Sublink 11</a></li>
     <li><a href="#">Sublink 12</a></li>
     <li><a href="#">Sublink 13</a></li>
     <li><a href="#">Sublink 14</a></li>
     <li><a href="#">Sublink 15 with a lot of text so that entry
hasseveral lines</a></li> </ul><!--[if lte IE
6]></td></tr></table></a><![endif]--> </li>
</ul>

	I have my typoscript like the following

lib.mainmenu = HMENU
lib.mainmenu {
    wrap = |
    entryLevel = 0
1 = TMENU
1 {
  wrap = <ul> | </ul>
  expAll = 1
  NO.ATagTitle.field = subtitle//title
  NO.wrapItemAndSub = <li> | </li>

IFSUB = 1
IFSUB {
	ATagTitle.field = subtitle//title
	wrapItemAndSub = <li> | </li>
	allWrap = | <!--<![endif]-->
	linkWrap = |<!--[if IE 7]><!-->
	ATagBeforeWrap = 1
}
}
2 = TMENU
2 {
    wrap = <table><tr><td><ul> | </ul></td></tr></table><!--[if lte IE
6]></a><![endif]-->
    expAll = 1
    NO.ATagTitle.field = subtitle//title
    NO.wrapItemAndSub = <li> | </li>
    IFSUB = 1
    IFSUB {
           wrapItemAndSub = <li> | </li>
           allWrap = | <!--<![endif]-->
           linkWrap = |<!--[if IE 7]><!-->
           ATagBeforeWrap = 1
           ATagParams = class="hide"
}
}
}
}

	But I don't have the desire result menu. Can anybody help??

	P.S the output:

<ul><li><a href="index.php?id=3">home</a></li>

<li><a href="index.php?id=4">Drop-down1 <!--[if IE
7]><!--></a><!--<![endif]--><table><tr><td>
<ul><li><a href="index.php?id=15">Sublink 11<!--[if IE
7]><!--></a><!--<![endif]--></li>
    <li><a href="index.php?id=22">Sublink 12</a></li>
    <li><a href="index.php?id=16">Sublink 13</a></li>
    <li><a href="index.php?id=17">Sublink 14</a></li>
    <li><a href="index.php?id=23">Sublink
15</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li>

Gideon