Настройка меню Liftweb

Я хочу создать меню, которое выглядит так:

ГЛАВНАЯ | FOO | БАР | О | CONTACT

Как я могу сделать это?

Вот что я попробовал:

<lift:Menu.builder ul:class="menu" li_item:class="current" />

а также

ul.menu li {
   display: inline;
   list-style-type: none;
   text-transform: uppercase;
   border-right: 1px solid white;
   padding-right: 5px;
}

li.current span {
   background: white;
   color: black; 
   padding: 5px 5px 3px 5px;
   font-size: 11px;
}

li.current a, a:visited, a:link {
   color: white; 
   padding: 5px 5px 3px 5px;
   font-size: 11px;
}

Это близко, но выглядит не совсем правильно. Кроме того, в конце вы получите дополнительную строку. Я хочу, чтобы строки были такой же высоты, как и текст.

http://lh5.ggpht.com/_5DxlOp9F12k/S2aFQHfupzI/AAAAAAAAJiY/Ds0IpEyu78I/s800/menu.png

Ответы на вопрос(4)

Ваш ответ на вопрос