Problème menu horizontal css

Bonjour,
Je suis en train de construire un site et j'ai un problème avec les balises des menus. J'ai utilisé un tuto alsacréation mais je ne comprends pas à quoi correspond chaque balise ce qui fait que je n'arrive à faire les réglages souhaités.
Mon problème principal est d'aligner le menu complétement à gauche.
Merci de me donner les indications nécessaires.
Voici les codes html et css

<ul id="menu1">
<li><a href="index.html"class="en-cours">ACCUEIL</a></li>
<li><a href="artiste.html">L'ARTISTE</a></li>
<li><a href="exposition.html">L'EXPOSITION</a></li>
<li><a href="lieux.html">LES LIEUX</a></li>
<li><a href="infos.html">INFOS PRATIQUES</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>



#menu1 li {
display: inline;
}
#menu1 {
list-style: none;
text-align: center;
}
#menu1 li {
display: inline;
margin-right: 1px;
color: #999999;
background-color: #FFFFFF;
}
#menu1 li a {
color: #999999;
border: 1px solid #000000;
line-height: 1em;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
background-color: #FFFFFF;
padding: 4px;
float: left;
}
#menu1 li a:hover, #menu1 li a:focus, #menu1 li a:active {
color: #000000;
background-color: #FFFFFF;
}
#menu1 li a.en-cours{
color: #000000;
background-color: #FFFFFF;
}