Меню wayfinder в одну строку

Добрый день. Наверное глупый вопрос, но нигде так и не нашел ответа. Как сделать меню в одну строку, вот такое:

Главная  | Наша компания  | Обучение  | Полезная информация  | Руководитель, как физ.лицо | Будьте осторожны | Проверки госорганов  |  Справочник | Это любопытно | Форум |  On-Line консультация  |  Анонсы изданий  |  Юмор

UPD простите не в ту ветку запостил

<style> ul li { float:left } </style>
<ul><li>Главная | <li><li>Наша компания | <li>...</ul>
ну где то так...

или вот так можн опопробовать:
<style> ul li { float:left; padding:0 10px 0 5px; border-right:1px solid black } </style>
<ul><li>Главная<li><li>Наша компания<li>...</ul>

Добрый день, а как сделать меню, с помощью wayfinder следующего вида: "menu1 | menu2 | menu3"?
Чтобы разделитель "|" был только внутри строки меню, т. е. не перед первым элементом, и не после последнего.

CSS в помощь http://cssing.org.ua/2006/11/05/menu-separators/