Salve a tutti,
chiedo un'aiuto per una cosa sicuramente molto facile per voi, ma che io non riesco a fare, spengo il codice dentro al body:
codice:
<div id="container">   
   <div id="header">      
       <h1 id="logo">Logo</h1> 
   </div>   
   <div id="menu">     
     <ul>         [*]Home     [*]Preferiti       [*]Annunci       [*]Contatti     [/list]
  </div></div>
mentre ecco il css:
codice:
body {    
   margin: 0;    
   padding: 0;    
   font-size: 76%;     

#container {     
    width: 840px;    
    margin: 0 auto -45px;     
    text-align: left;  
} 
#menu {   
    margin-top: 0.5em;  
    text-align: center;    
    font-size: 1.5em; 
    background-color: #fff;   
} 
#menu ul {    
    margin: 0;    
    padding: 0.5em; 
} 
#menu li {  
   display: inline;    
   padding: 1.1em;   
   text-transform: uppercase; }
la mia domanda è: il container è 840px, come voglio che sia, ma vorrei che il div #menu sia largo quanto la pagina, quindi al 100%, visto che #menu è dentro il container come faccio? Non posso metterlo fuori perchè sotto al #menu ci sono altri div.

Scusate la rozza spiegazione e un grazie a tutti.