Создал двухуровневое меню,(вернее адаптировал под себя) все в нем мне нравиться, но вот ни как не получаеться выровнять текст в меню чтобы бордер не вылазил снизу,бордер нужен, так как ему потом буду прописывать тень, что можете посоветовать, чтобы и текст в меню был в центре, и бордер сохранен? пример с меню www.times.myjino.ru/test1 код Html <div id="nav"> <ul class="menu" id="menu"> <li><a href="#" class="menulink">О компании</span></a></li> <li><a href="#" class="menulink">Услуги</a> <ul> <li><a href="#">Геодезия</a></li> <li><a href="#">Оформление документов</a></li> <li><a href="#">Юридические услуги</a></li> <li><a href="#">Юристы</a></li> </ul> </li> <li> <a href="#" class="menulink">Недвижимость</a></li> <li><a href="#" class="menulink">Контакты</a></li></ul> <script type="text/javascript"> var menu=new menu.dd("menu"); menu.init("menu","menuhover"); </script> </div> CSS ul.menu {list-style:none; margin:0; padding:0} ul.menu * {margin:0; padding:0} ul.menu a {display:block; color:#000; text-decoration:none; } ul.menu li {position:relative; float:left; margin-right:14px } ul.menu ul {position:absolute; top:36px; left:0; background:#f7f7f7; display:none; opacity:0; list-style:none} /* Список подменю*/ ul.menu ul li {position:relative; border:1px solid #f6f537; border-top:none; width:217px; margin:0; overflow:hidden;} /*подменю начало*/ ul.menu ul li a {display:block; height:36px; padding: 10px 0px 0px 30px; background-color:#f7f7f7; background-image:url(../images/arrow.gif);background-repeat: no-repeat ; background-position: left; border-top:none; font: 12px Verdana, Geneva, sans-serif; font-weight:bold; } ul.menu ul li a:hover {background-color:#ddecf9; } ul.menu ul ul {left:148px; top:-1px} ul.menu .menulink {border:1px solid #aaa; padding:10px 7px 0px; font-weight:bold; background:url(../images/button.jpg); width:203px; height:36px;} ul.menu .menulink:hover, ul.menu .menuhover {background: url(../images/butonhover.jpg); color:#1c1c1df; } /*ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat}*/ ul.menu .topline {border-top:1px solid #aaa} #nav { width:932px; height: 36px; position:relative; top: 240px; left:10px; text-align:center;
