Горизонтальное меню в 2 строки - Joomla 1.5: Шаблоны, разметка и макеты вывода

Уважаемые, может кто подскажет как сделать горизонтальное меню в 2 строки
есть вод собственно код, а где чего там ну хоть убейте не понимаю(((
может кто тыкнет пальцем?

/* menu
-------------------------------------------------------------------*/
div#wrapper_menu1{
   width:100%;
   height:38px;
   display:block;
   position:absolute;
   top: 0;
}
div#wrapper_menu2{
   width:100%;
   margin-right:8px;
   height:38px;
   display:block;
   position:static;
}
div#horiz-menu{
   margin:0 8px;
   height:38px;
   display:block;
   position:static;
}
div#wrapper_menu1 ul.menu{
   width:auto;
   margin-left:-9px;
   position: absolute;
   z-index: 10000;
}
div#wrapper_menu1 ul li.level1 a{
   text-transform:uppercase;
}
div#wrapper_menu1 ul li a{
   font-size:10px;
   font-weight: bold;
   text-transform:uppercase;   
}
div#wrapper_menu1 ul li:hover,
div#wrapper_menu1 ul li.active{
   height:38px;
   border-left:none!important;
   margin-left:1px!important;
}
div#wrapper_menu1 ul li:first-child:hover,
div#wrapper_menu1 ul li.active:first-child{
   height:38px;
}
div#wrapper_menu1 ul li:first-child{
   border-left:none!important;
   padding-left:9px;
}
div#wrapper_menu1 ul li:first-child span{
   padding-left:0!important;
}
div#wrapper_menu1 ul li:first-child:hover,
div#wrapper_menu1 ul li.active:first-child{
   padding-right:0;
}
div#wrapper_menu1 ul li:first-child:hover a,
div#wrapper_menu1 ul li.active:first-child a{
   padding-left:0!important;
}
div#wrapper_menu1 ul li:first-child:hover span,
div#wrapper_menu1 ul li.active:first-child span{
   height: 38px;
   line-height:38px;
   display:block;
   float:left;
   padding-left: 2px!important;
   padding-right:12px;   
}
div#wrapper_menu li.topli ul{
   top:33px!important;
   border-top:none;
   position: absolute;
   z-index: 10000;
}
div#wrapper_menu1 ul li li:first-child{
   margin: 0;
   padding-left: 10px!important;
}
div#wrapper_menu1 ul li li:first-child a{
   padding-left: 0px;
}
div#wrapper_menu1 ul li li:first-child:hover a{
   padding-left: 100px;
}
div#wrapper_menu1 ul li li{
   line-height: 30px;
}
div#wrapper_menu1 ul li li:hover,
div#wrapper_menu1 ul li li:hover a,
div#wrapper_menu1 ul li li:hover span,
div#wrapper_menu1 ul li li:first-child:hover,
div#wrapper_menu1 ul li li:first-child:hover a,
div#wrapper_menu1 ul li li:first-child:hover span{
   height: 30px;
   line-height: 30px;
}
div#wrapper_menu1 ul li li:first-child:hover span{
   margin-left: 10px!important;
}
div#wrapper_menu1 ul li li:hover{
   margin: 0!important;
}
div#wrapper_menu1 ul li li:first-child:hover span{
   margin-left: 3px;
}

Тык, тык пальцем!... Убит!
Хоть самому убиться, что ли? Ок, есть кусок таблицы стилей к какой-то "воображаемой" разметке. И что дальше?

Да, и под определением "меню в две строки" можно понимать всё, что угодно.
Одна тема про "двойную строку" (перенос фраз в айтеме) обсуждалась на форума буквально позавчера, кстати.

Понял((( пошел учить мат часть.
мы университеты не заканчивали.

И не только матчасть, кстати. Правильно составленный вопрос - это уже половина ответа. Без шуток. )))
Наверное, кроме администраторов и и модераторов на форум нужно ввести позицию "переводчик".
Вот, скажем, Shustry в соседней ветке почин уже заложил )).

И, кстати, им же был написан очень хороший материал о том, как показать свою проблему на форуме если нет хоста. Рекомендую и намекаю

Спасибо, но я вобщем сам разобрался, CSS и немного терпения)

МА-ЛА-ДЕ-С! ))))
В смысле, молодец.

И, по правилам хорошего тона, который не этом форуме очень приветствуется, и дабы не плодить "глухих" тем с вопросом, но без решения, было бы правильно изложить как и что получилось - может ещё кому-то понадобиться.
Есть такая возможность?

Про CSS и терпение мы уже поняли ))