مشکل با منو

[afsharjowkar]

سلام
این منو رو درست کردم دو سطحی هستم میخوام بکنمش سه سطحی یه راهنمایی می کنید
اون گزینه 3rd test رو به عنوان زیر مجموعه برای سطح سوم گذاشتم

<div class="menu"> <ul> <li><a href="index.php">home</a></li> <li><a href="help.php">help</a></li> <li><a href="help.php">visa</a> <ul> <li><a href="#">Cozy Couch</a></li> <li><a href="#">Great Table</a></li> <li><a href="#">3rd</a><ul><li><a href="#">test 3rd</a></li></ul></li> </ul> </li> <li><a href="faq.php">faq</a></li> <li><a href="contact-us.php">contact us</a></li> </ul> </div>
و اینم css


.menu { width:1000px; height:40px; direction:rtl; overflow:hidden; padding-top:7px; } .menu ul { margin: 0; padding: 0; list-style: none; float:right; font-family:tahoma; font-size:11px; } .menu ul li { display: block; position: relative; float: right; } .menu li ul { display: none; float:right; } .menu ul li a { display: block; text-decoration: none; color: #ffffff; padding: 5px 15px 5px 15px; margin-left: 1px; white-space: nowrap; } .menu ul li a:hover { background: #3b3b3b; } .menu li:hover ul { display: block; position: absolute; } .menu li:hover li { float: none; font-size: 11px; } .menu li:hover a { background: #3b3b3b; } .menu li:hover li a:hover { background: #1e7c9a; }