Meny poziome,jak zrobic jeden element po lewej a resztę po prawej. Opcje

[kasek]

Witam
Można powiedzieć że jestem początkujący z uwagi na długą przerwę w tworzeniu stron więc zwracam się do Was o pomoc,
Zrobiłem na stronie opartej na divach, menu poziome, wszystkie elementy ustawione są blokowo od prawej strony, chciałbym jednak żeby jeden element był od lewej strony paska i nie wiem jak to zrobić

W pliku HTML mam:

<div class="menu">
<ul>
<li><a href="#">Logowanie</a></li>
<li><a href="#">Rejestracja</a></li>
<li><a href="#">Cennik</a></li>
<li><a href="#">Strona Główna</a></li> < to chciałbym mieć po lewej stronie na pasku menu
<li><a href="#</a></li>
</ul>
</div>


w pliku CSS mam:

.clear { clear: both; background: none; }

.menu{
width: 100%;
overflow: hidden;
border-bottom: 0px solid black;
margin: 0px 0px 5px 0px;
background: #ABBEBE;
}

.menu ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 14px Verdana;
list-style-type: none;
}

.menu li{
display: inline;
margin: 0;
}

.menu li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141;
}



.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li.selected a{
background: black;
}



Jeśli ktoś by coś doradził jak ten jeden element przesunąć do lewej to będę wdzięczny.
Pozdr
Piotr