[Вопрос] Как выронять по вертикале текст?

[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 - не помогает.

[Ghost]

Сделай скриншот.

[Злой]

Сам код

<div align="center">
<ul class="solidblockmenu">
  <li><a href="http://">Главная</a></li>
  <li><a href="http://">Главная</a></li>
  <li><a href="http://">Главная</a></li>
  <li><a href="http://">Главная</a></li>
</ul>
</div>

и css

.solidblockmenu{
margin: 0;
padding: 0;
font: bold 13px Arial;
width: 500px;
text-align: center;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
background: #000000;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: red;
background: #333333 ;
}

Сама менюшка должна быть в ячейке таблицы
Естественно CSS нужно править под себя.

[Pamel]

в стиле пропиши:
vertical-align:middle;
text-align:center;