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

[allexxiaa]

Witam wszystkich,

Kod:

<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 id="przerwa">
        
        </div>
    </div>

Kod:

#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;
}

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

Jak wypełnić całą przestrzeń elementu nav ciemnym tłem 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?

---

Teraz zrobiłam inaczej.

Kod:

#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;
}

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

[jacob]

a probowales ustalic odgornie width tego Twojego nav ? na 800px ?

nie wiem czy to zadziala ale jakby samo nav bylo float:left;
a dopiero ul wewnatrz byl float right.