Форум сайта MyRusakov.ru

Добрый день, у меня в меню не получается выровнять текст по вертикали (он сейчас находится у самого верха). Файл рисунка 150х80px. Делаю в первый раз сама, может, подскажете, в чем проблема?
<div id="menu">

<ul>
<li><a href="#" title="Главная">Главная</a></li>
<li><a href="#" title="Обо мне">Обо мне</a></li>
<li><a href="#" title="О проекте">О проекте</a></li>

</ul>
</div>
#menu {
position: absolute;
top: 0px;
right: 40px;
height: 40px;
}

#menu ul {
padding: 0px;
list-style-type: none;

}

#menu ul li {margin-bottom: 0px;
float: left;
padding-left: 10px;
vertical-align: middle;}
#menu ul li a {background: #ffffff url("menumal.jpg";
width: 150px;
height: 40px;
display: block;
text-align: center;
text-decoration: none;
vertical-align: middle;}
#menu ul li a:hover
{
background: #ffffff url("menumal.jpg" bottom;
width: 150px;
height: 40px;
display: block;
vertical-align: middle;}

Выравнивать что-то по вертикали можно только в таблицах, во всех остальных местах лишь подгонять с использованием margin и padding.

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

В свойствах CSS для текста существуют как высота текста, так и высота линии. Отступ в лево можно задать через правило CSS: "text-indent: 10px", а вот вертикальное выравнивание в меню или в батоне: "line-height: 30px". Можно и в "em" - кому как нравится. А уменьшать шрифт менюшки не рекомендуется. От этого страдает дизайн и читабельность. Уважайте своих клиентов.