Добрый день! Есть готовое выпадающее горизонтальное меню (2-х уровневое). Появилась необходимость добавить третий уровень вложенности. Подскажите, как это делается. Спасибо! Вот код css: #nav, #nav ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000; background: none; float: left; width: 100%; } #nav li { float: left; position: relative; background: none; } #nav li ul { display: none; position: absolute; background: #2B4173; padding: 8px 0; width: 138px; } #nav a { text-align:center; text-decoration: none; display: block; width: 105px; padding: 4px 0px; background: none; } #nav a:hover { color: #99CCFF; background: none; } #nav li:hover, #nav li.jshover { background: none; } #nav li li a { text-align:left; padding-left:15px; width: 118px; background: none; } #nav li:hover ul, #nav li.jshover ul { display: block; } #nav li:hover li:hover ul, #nav li.jshover li.jshover ul { display: block; } Менюшка: <td class="h_menu" colspan="2" width="759"> <ul id="nav"> <li><a href="index.html">About us</a></li> <li> <a href="news.html">News</a></li> <li><a href="partnership.html">OEM Partnership</a></li> <li><a href="#">Service</a> <ul> <li><a href="downloads.html">Downloads</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </td>