Probleme de code html

Bonjour,
alors je suis entrain de creer un site web statique et dans ma barre de menu g ecrit 5 liens
=(5 mots)
les 4 premiere sont normal et quand g ajouter le 5eme il a ete ajouter coller avec le 4eme g verifié toute mes parametres (le code source biensur) je l'ai modifiers mais j'arrive pas a les faires separer les deux mots. voici le code source de la barre en html et l'autre qui ont du css dans le fichier.css:
<div id="barre">
<ul>
<li>
<a href="games.html" title="Retour à la page d'Accueil">games</a>
</li>
<li>
<a href="movies.html" title="Retour à la page d'Accueil">movies</a>
</li>
<li>
<a href="about.html" title="Retour à la page d'Accueil">about</a>
</li>
<li>
<a href="torrents.html" title="Retour à la page d'Accueil">torrents</a>
</li>
<li>
<a href="softwares.html" title="Retour à la page d'Accueil">softwares</a>
</li>
</ul>
</div>

________________________________________________________________________

et ca le css:
#barre
{
background : #;
background-image :url("barre1.jpg");
background-position:center;
width : 100%; /* 684px; */
height : 30px;
/* padding-left : 284px; */
margin-top : 5px;
margin-bottom : 50px;
margin-right : auto;
margin-left : auto;
}
------------------------------------------------------------------------------
aider moi svp c'est urgent et merci