[div]colonne dentro a un div

salve!

Codice:

---

<div id="layer">
 <ul>
 <li><div id="nome">titolo</div></li>
 <li><div id="mess">topics</div></li>
 <li><div id="mess">posts</div></li>
 </ul>
 </div>

---

con questo css

Codice:

---

#layer li {
        list-style: none;
        display: inline;
}

#nome {
 float: left;
 width: 70%;
}
#mess {
 float: left;
 width: 15%;
}

---

praticamente le tre colonne compaiono sotto box layer, anche se nel codice sono all'interno :S
come posso fare? dovrei ricreare la home di un forum dove ci sono le colonnine con il nome della sezione, a fianco i topics e i posts..

grazie!

Mi pare che il list-style dev'essere applicato alla lista (ul e ol) e non alle singole voci (li).
Poi, più elementi con lo stesso id non dovrebbero esserci, usa al suo posto una classe.

Prova a dargli una larghezza al div contenitore ("layer")... aspetta, credo che layer sia una parola riservata... forse può creare problemi...

Magari non risolvi con questi suggerimenti, ma correggi cmq qualcosa ;)


Ciaooooo!

grazie per i consigli..
il div layer ha gia una larghezza preimpostata, infatti i tre li mi vanno a finire sotto nn di fianco :S

EDIT: ho risolto mettendo display: inline a ul!
grazie