Elementi <li> sulla stessa riga.

[HackLife]

Ciao a tutti.
Sto ristrutturando il mio sito usando esclusivamente il blocco note e sono incappato in un problema. La mia barra di navigazione è così:

<ul class="navbar">
 <a id="homeL" onmouseover="showMenu('home')">Home</a>
   <ul id="home" class="drop" style="display:none">
    <a href="./news.html">News</a>
    <a href="./about.html">About</a>
    <a href="./link.html">Link</a>a
   </ul>
 <a id="devL" onmouseover="showMenu('dev')">Development</a>
   <ul id="dev" class="drop" style="display:none">
    <a href="./featured.html">Featured</a>
    <a href="./sources.html">Sources</a>
    <a href="./papers.html">Papers</a>
   </ul>
 <a id="gallL" onmouseover="showMenu('gall')">Gallery</a>
   <ul id="gall" class="drop" style="display:none">
    <a href="./wallpapers.html">Wallpapers</a>
    <a href="./posters.html">Posters</a>
   </ul>
</ul>

E mostra i link di secondo livello sulla stessa riga... Ergo su una riga ci sono i link Home, Development e Gallery, sulla seconda riga, quando ci passo sopra con il mouse, appaiono i link contestuali.
Ora, questo non è html valido, stando al validatore di W3C, perché dovrebbe essere così:

<ul class="navbar">
 <a id="homeL" onmouseover="showMenu('home')">Home</a>
   <li><ul id="home" class="drop" style="display:none">
    <li><a href="./news.html">News</a>
    <li><a href="./about.html">About</a>
    <li><a href="./link.html">Link</a>a
   </ul>
Etc....

Caricandolo così infatti lo valida correttamente. Solo che a questo punto i link non vengono più visualizzati su una riga sola, ma su una riga per link. Ho provato nel css:

ul.navbar {
 display:inline;
}

Ma senza successo.
Come posso fare?


Grazie a tutti .

 

[stoner]

Metti float:left; al css.

 

[HackLife]

Danke