[yura13]

Доброе время суток.
Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как?

CSS

.menu{
  margin: 0;
  padding: 0;
  float: left;
  font: bold 15px Georgia;
  width: 100%;
  background-image:url(images/bg_navbar.gif);
}
.menu li{
  display: inline;
}
.menu li a{
	float: left;
	color: #000;
	padding: 5px 15px;
	text-decoration: none;
}
.menu li a:visited{
	color: #000;
}
.menu li a:hover, .menu li .current{
	color: #FFC;
}

HTML

<ul class="menu">
  <li><a href="#" title="" class="current">Главная</a></li>
  <li><a href="#" title="" >Галерея</a></li>
  <li><a href="#" title="">Проекты</a></li>
  <li><a href="#" title="">Статьи</a></li>
  <li><a href="#" title="">Контакты</a></li>
</ul>

А также как выровнять текст по вертикале по центру в дивах (div)?
vertical-align: middle - не помогает.