[HTML] pobierz, plaintext 
<div id="nav">
				<ul>
					<li><a href="#" class="dol">Strona główna</a></li>
					<li><a href="#" class="dol">O sobie</a></li>
					<li><a href="#" class="dol">Linki</a></li>
					<li><a href="#" class="dol">Koty</a></li>
					<li class="active"><a href="#">Psy</a>
					<ul class="top">
							<li><a href="#">Doberman</a></li>
							<li><a href="#">Collie</a></li>
							<li><a href="#">Husky</a></li>
							<li><a href="#">Spaniel</a></li>
							<li><a href="#">Bokser</a></li>	
					</ul>
					</li>
				</ul>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#nav ul li {
	float: left;
	list-style-type: none;
}
 
#nav ul a.dol{
	width: 107px;
	display: block;
	text-decoration: none;
	text-align: center;
	background: yellow;
	margin-right: 5px;
}
 
#nav ul li.active a {
	width: 80px;
	display: block;
	text-decoration: none;
	text-align: center;
	background: blue;
	color: black;
}
 
 
#nav ul ul.top li a {
	width: 90px;
}
[HTML] pobierz, plaintext 

Wynik kodu: http://img339.imageshack.us/i/menumq.jpg/

Jak ustawić, żeby linki "Doberman", "Collie" i itd były po lewej stronie?
Stosowałam pozycjonowanie absolutne, ale nie chcę tego użyć. Czy są jakieś inne sposoby?