Выровнять пункты меню по вертикали по центру ячейки

[Heidel]

http://jsfiddle.net/25dQT/3/

HTML

<div class="nav">
				<ul>
					<li><a href="javasсript:void(0)">Монтаж<br />отопления</a></li>
					<li><a href="javasсript:void(0)">Монтаж<br />водоснабжения</a></li>
					<li><a href="javasсript:void(0)">Портфолио</a></li>
					<li><a href="javasсript:void(0)">Контакты</a></li>
				</ul>
			</div>

CSS

ol, ul {
	list-style: none;
}

.nav {
	background: #ccc;
	width: 687px;
	height: 75px;
}

.nav  ul {
	overflow: hidden;
	width: 687px;
	height: 75px;
    display: table;
}

.nav  ul  li{
	background: url(../images/bg_menu_item.png) left 5px no-repeat;
    display: table-cell;
    height: 57px;
    vertical-align: middle;
    text-align: center;
}

.nav  ul  li:first-child{
	background: none;
}

.nav  ul  li a{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	line-height: 16px;
}

.nav  ul  li a:hover {
	color: #830000;
	}
	
.nav  ul  li a.active {
	color: #830000;
	}

@темы: HTML, Верстка, CSS, Выровнять пункты меню по вертикали по центру ячейки, Ссылки