[resolu] Création d'une liste verticale

Bonjour,

J'ai qq soucis pour la création d'une liste verticale. Justement, le problème est que ma liste ne veux absolument placer les éléments l'un sous l'autre!!
Je commence à avoir les yeux qui piquent à force de chercher l'erreur. Peut-être qu'un regard plus frais que le mien pourra pointer l'erreur!!!

voici le code html :

        <ul class="grid-2 alpha omega" id="menu-list">
            <li>titre 1</li>
            <li>titre 2</li>
            <li><a href="#">index</a></li>
            <li><a href="#">TITRE</a></li>
        </ul>

et voici mon css :

ul#menu-list {
  list-style-type: none;
  font-size: 1em; 
  font-family: Tahoma, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
  width:120px;
  margin:25px 0 0 0;
}

ul#menu-list li {
  float: left;
}

ul#menu-list a {
  float: left;
  color:#AEAEA0; /*sand*/
  text-align: left;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display:block;
}

ul#menu-list a:hover {
  color:#262624; /*black*/
}
ul#menu-list a.on {
  color:#262624; /*black*/
}

j'ai pourtant bien placé un display block sur ma balise <a> !

Merci à qui veux bien m'éclairer!!
Modifié par nforum (25 Jan 2010 - 12:17)

Salut,

il suffit d'enlever le float:left sur les LI et sur les A

Si tu souhaites que tes éléments soient empilés, pourquoi avoir mis les balises li en flottant ?

edit: zut, Heyoan a été plus rapide que moi, pour une fois que j'avais la réponse ^^
Modifié par maosalia (25 Jan 2010 - 12:08)

"ah ben oui" !!

En tout cas, merci à tous 2 pour votre aide !!