Нужен совет по меню

[Times]

Создал двухуровневое меню,(вернее адаптировал под себя) все в нем мне нравиться, но вот ни как не получаеться выровнять текст в меню чтобы бордер не вылазил снизу,бордер нужен, так как ему потом буду прописывать тень, что можете посоветовать, чтобы и текст в меню был в центре, и бордер сохранен?

пример с меню 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;

[Times]

Похоже разобрался, бекраунд сделаю на СSS однотонным вместо картинки