Выравнивание по вертикали

[Sergeo]

Добрый день! прошу помощи, возникла ситуация, не получается сделать кнопкутак как хочется.

Казалось бы ничего страшного, создаю див помещаю в него текст к примеру "Главная"

(стиль дива указан ниже, изначально проверяю в фаерфоксе) но текст по горизонтали text-align:center; работает, а вот vertical-align:middle; отказуется работать напрочь, и текст вместо срединки находится в верху кнопки(влияния на текст основного и других дивов более высокого порядка нет), решил обойти это с помощью padding-top:; отодвинуть от верхнего кря, отодвинул все хорошо, но вот при проверке ИЕ, див кнопки полез ниже родительского блока в котором он находится. Сделал кнопку с помощью двух дивов все вышло всем читается, но не работает задуманый эфект может у кого будут какие мысли на этот счет.) поделитесь пожалуйста.

div.topknopka{

width:100;

height:30;

border-width:0;

border-style:solid;

border-left-width:2;

border-right-width:2;

border-color:;

text-align:center;

padding-top:;

padding:0px 0px 0px px;

margin:0px 2px 0px 5px;

font-size:14;

font-style:bold;

background-image:url(img/fon.gif);

float:left;

[ZoNT]

height: 30px;

line-height: 30px;

При задании line-height таким же как и высота текст выравнивается по середине (но только при условии, что там будет всего одна строка!)...

[Sergeo]

да одна строка, все прекрасно получилось, спасибо огромное,

[ZoNT]

пжлст