Всем привет! Есть менюшка у которой три уровня вложенности, и нужно чтобы уровни находились друг под другом горизонтально, уже второй день сижу и не могу собрать это дело.

Код:
<li class="expanded active-trail mlid980">
	<a class="active-trail active" title="Дома-Участки" href="/tags/doma-uchastki">Дома-Участки</a>
	<ul class="menu nav">
		<li class="first expanded mlid981">
			<a title="Продажа" href="/tags/prodazha-0">Продажа</a>
			<ul class="menu nav">
				<li class="first leaf mlid982">
					<a title="Срочные предложения" href="/tags/srochnye-predlozheniya-1">Срочные предложения</a>
				</li>
				<li class="leaf mlid983">
					<a title="Дома" href="/tags/doma">Дома</a>
				</li>
				<li class="last leaf mlid984">
					<a title="Участки" href="/tags/uchastki">Участки</a>
				</li>
			</ul>
		</li>
		<li class="last expanded mlid985">
			<a title="Аренда" href="/tags/arenda-0">Аренда</a>
			<ul class="menu nav">
				<li class="first last leaf mlid986">
					<a title="Дома" href="/tags/doma-0">Дома</a>
				</li>
			</ul>
		</li>
	</ul>
</li>
Нужно сделать вот такой вид меню:

Дома-Участки

Продажа/Срочные предложения/Дома/Участки

Аренда/Дома/

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