Problem z float - nie wypełnia całej przestrzeni elementu Opcje

[allexxiaa]

Witam wszystkich,

[HTML] pobierz, plaintext 
div id="wrapper">
                  <nav>
			<ul>
				<li><a href="#">Strona główna |</a></li>
				<li><a href="#">O mnie |</a></li>
				<li><a href="#">Kontakt</a></li>
			</ul>
		</nav>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#wrapper {
	margin: 0 auto;
	width: 800px;
}
 
nav {
	float: right;
        background: #333;
 
}
 
nav ul {
	float: left;
	width: 100%;
	padding: 10px 0 0 10px;
	list-style: none;
}
 
nav li {
	float: left;
	margin-right: 1px;
}
[HTML] pobierz, plaintext 

Wynik kodu: http://img832.imageshack.us/i/navf.jpg/

Jak wypełnić całą przestrzeń elementu nav z linkami po prawej stronie?

Po dodaniu width i podaniu wartości do nav jest wypełniona cała przestrzeń nav, ale linki są po lewej stronie - jak zrobić, żeby było po prawej stronie?

[allexxiaa]

[HTML] pobierz, plaintext 
#wrapper {
	margin: 0 auto;
	width: 800px;
}
 
nav {
	float: right;
	background: #333;	
}
 
nav ul {
	float: left;
	width: 100%;
	padding: 10px 0 0 10px;
	list-style: none;
}
 
nav li {
	display: block;
	margin-right: 1px;
}
[HTML] pobierz, plaintext 

Niestety nie wyszło. Wynik: http://img853.imageshack.us/i/nav.jpg/
Chcę, żeby element nav wypełniał całą przestrzeń ciemnym tłem, a linki były poziome (w jednym wierszu).