Сразу скажу, что видел тему про выпадающее меню, не хочу ее засорять т.к. там идет обсуждение различных меню, к тому же мой вопрос, думаю, можно выделить отдельно

Собственно вопрос: как сделать выпадающее меню в несколько рядов, список второго уорвня может быть очень большой и не влезать на экран. Можно ли сделать, чтобы при достижении 10 элементов, появлялся второй вертикальный ряд?

вот само меню: [Только зарегистрированные пользователи могут видеть ссылки. ]
взял его из этой статьи: [Только зарегистрированные пользователи могут видеть ссылки. ]

вот код меню:

Код:
 * * * *<style>
 *****body {
****font: normal 9px verdana;
****}

ul {
****margin: 0;
****padding: 0;
****list-style: none;
****width: 179px; /* Width of Menu Items */
****border-bottom: 1px solid #ccc;
 * * * * * * font-size : 12px; 
****}
****
ul li {
****position: relative;
****}
****
li ul {
****position: absolute;
****left: 178 px; /* Set 1px less than menu width */
****top: 0;
****display: none;
****font-size : 12px; 
****}

/* Styles for Menu Items */
ul li a {
****display: block;
****text-decoration: none;
****color: #777;
****background: #fff; /* IE6 Bug */
****padding: 5px;
****border: 1px solid #ccc; /* IE6 Bug */
****border-bottom: 0;
****font-size : 12px; 
****}
****
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */
 *****</style> * * 
 * * * 
 * * * * * * * * * * * * 
 * *****<ul id="nav"> 
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ] 
 *[*][Только зарегистрированные пользователи могут видеть ссылки. ] 
 * * * * * * * * * * * * * * *
  • * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * *
  • 8 * * * *
  • 9 * * * *
  • * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * ***** * * * * ***** * * * * * * * * * * * * * * *
* *[*][Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * *
  • * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * *
* *[*][Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * *
  • * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * * *
  • [Только зарегистрированные пользователи могут видеть ссылки. ] * * * * * * * * * * * * * * *
* [/list] startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; *} *node.onmouseout=function() { *this.className=this.className.replace(" over", ""); * } * } *} } } window.onload=startList;
С Уважением.