Ciao a tutti sono un principiante dell'html volevo creare una semplice testata classica: Titolo, sottotitolo e sotto la barra di navigazione.
Purtroppo qui sorge il problema non riesco a fare una lista orizzontale che sia allineata e stia all'interno dello stesso div e non capisco perché, sto andando via con la testa.

Io ho scritto questo.

codice:
<!DOCTYPE HTML>
<html>
 <head>
  <title>Titolo!</title>
  <meta>
  <link type="text/css" rel="stylesheet" href="Index.css">
  <script>
  </script>
 </head> 
 <body topmargin="0" leftmargin="0">
  <div align=center>
    <div id="main_div">
     <header>
      <hgroup>
       <h1 align=left>Titolo Principale</h1>
       <h2 align=left>..slogan...</h2>
      </hgroup> 
      <nav>
      <div align=left>
       <ul id="menu">
        <li> Home </li>
        <li> Contatti </li>  
        <li>Chi siamo</li>
        <li>Dove siamo </li>
       </ul>
       </div>
      </nav>
     </header>
   </div>
 </body>
</html>
Questo è il css:

codice:
#main_div {width: 1000px;
                border: solid 1px black;
                }


#menu    {display:block;
               list-style-type:none;
          }


#menu li   {display:block;
                 background-color:red;
                border-bottom: 1px solid red;
                width:240px;
                height:40px;
               float:left;
                 }
Molto probabilemte è un errore stupido e sto anngando in un bicchier d'acqua!!
Vi prego di aiutarmi!
Grazie in anticpo!