Menu onglets css

Bonjour, j'ai créé un menu avec onglets en css, voici mon code css :

#onglet {
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0;
font: bold 12px Verdana;
float: right;
border-bottom: 1px solid #006699;
width:100%;
}

#onglet li{
list-style: none;
display: inline;
margin: 0;
}

#onglet li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border-top: 1px solid #778;
border-left: 1px solid #778;
border-right: 1px solid #778;
border-bottom: 1px solid #fff;
background: #fff;
}

#onglet li a:link, # onglet li a:visited{
color: #000080;
}

#onglet li a:hover{
color: #000;
background-color: #DBF0F9;
border-color: #000080;
}

#onglet li a.courant{
background: #DBF0F9;
}

et mon code html :

<ul id="onglet">
<li><a href="index.php">Accueil</a></li>
<li><a href="galerie.php">Galerie</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>

Mon problème : les onglets s'affichent sur la gauche de cette manière (pas facile de faire un schéma ^_^) :

T|_T|_T|__________________________________

Je voudrais l'afficher de cette façon :

_____________________________T|_T|_T|_____

Quelqu'un aurait-il la solution ?
Merci

~Ginger4957~