Как сделать меню на резине

<nav>
<ol id="nav"> <!-- id тут нужен только для IE6-7 и только для резиновых дизайнов -->
<li><a href="#">Главная</a></li>
<li><a href="#">Вторая</a></li>
<li><a href="#">Третья</a></li>
<li><a href="#">Четвертая</a></li>
<li><a href="#">Пятая</a></li>
</ol>
</nav>

ol {
display: table-row; /* эмуляция строки таблицы */
}
li {
width: auto; /* чтобы поведение было аналогичным ячейки таблицы */
display: table-cell; /* эмуляция ячейки таблицы */
text-align: center;
height: 50px; /* высота пункта */
padding-left: 2px; /* визуальная граница между пунктами меню */
vertical-align: bottom; /* это нужно для случаев, когда в пункте меню текста больше чем на одну строку */
}
li:first-child {
padding: 0; /* у первого элемента убираем отступ чтобы четко прилег к левой границе */
}
a {
width: 1000px; /* вот это заставляет наши псевдоячейки растянуться должным образом */
height: 50px;
display: table-cell; /* без этого тоже никак */
vertical-align: middle; /* вертикальное выравнивание текста */
}