Вертикальное выравнивание в блочном элементе

[Destrifer]

				<div class='menu'>
					<a href='#'><div id='b1'>о компании</div></a>
					<a href='#'><div id='b2'>проекты</div></a>
					<a href='#'><div id='b3'>фотогалерея</div></a>
					<a href='#'><div id='b4'>технологии строительства</div></a>
					<a href='#'><div id='b5'>строительство<br>в кредит</div></a>
					<a href='#'> <div id='b6'>страхование домов</div></a>
					<a href='#'><div id='b7'>прайс лист</div></a>
					<a href='#'><div id='b8'>контакты</div></a>
				</div>

CSS

.menu a {
	font-family: 'TerminatorCyr4SemiexpandedBol', Arial; 
	background:url('/i/buto.png');
	font-size:9pt;
	display:block;
	width:186px;
	height:65px;
	text-decoration: none;
	margin-top:-13px;
	color:#fff;
	text-align:center;
}

Сколько не искал, везде стандартные способы - table-cell, или с абсолютным позицированием. Ничего нового. Эти способы в моем контексте не работают.

Например:

#b1 {
	display:table-cell;
	vertical-align:middle;
}

Не работает.

Есть вариант с line-height, но у меня есть кнопки с 2 строками - для них приходится отдельно делать padding-top. Кривое решение.

Помогите найти хорошее.

p.s. Внутренние дивы не обязательны.

p.p.s Таблицы не подойдут.

[Great Rash]

У вас все очень плохо с вашим меню... Нельзя засовывать <div> в <a>.

Чтобы работал display: table-cell; надо чтоб у родителя стояло display: table;.

[psywalker]

У вас все очень плохо с вашим меню... Нельзя засовывать <div> в <a>.

Чтобы работал display: table-cell; надо чтоб у родителя стояло display: table;.

Да, и плюс к этому я бы ещё позаботился о ИЕ6-7, так как они не понимают этого правила. Например нашёл бы экспрешн, либо воспользовался старой, доброй связкой, абсолют и релатив.