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 
<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 ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 46px;
	list-style: none;
	background: #333;
}
 
nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
[HTML] pobierz, plaintext 

Wynik: http://img3.imageshack.us/i/navd.jpg/

Wygląda pięknie, ale jak zrobić, żeby linki były po prawej stronie? Nie wyszło mi jak stosowałam float: right

Ten post edytował allexxiaa 16.03.2011, 12:36:11