Problème retour ligne dans puces css

Bonjour,

J'ai un petit soucis et je n'arrive pas à trouver la solution sur internet...

J'ai un liste verticale qui me sert de menu mais malheureusement elle s'affiche sur la même ligne... Il n'y a pas de retour à la ligne entre chaque option..
Je n'arrive pas à résoudre ce problème.
voici mon code:

<ul id="menu">
        <li><a href="xxx">Accueil</a></li>
        <li><a href="xxx">Inscription</a></li>
	<li><a href="xxx">News</a></li>
	<li><a href="xxx">FAQ</a></li>
</ul>


ul#menu 
{
	float: left;
	background-image: url(../menu.png);
	list-style:none;
	
}
ul#menu li a
{
	float : left;
	text-decoration : none;
	border : none;
	display: block;
}

Merci de votre aide!