menu al di fuori del container

[blinkshow87]

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:

<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:

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.

[explosivdymamic]

Imposta al menu la posizione assoluta e gioca col la proprietà width al 100%.
Intesi?

[blinkshow87]

anchio ci avevo pensato, il problema è che essendo dentro il #container e, quest'ultimo, avendo le due proprietà:

 
width: 840px;         
margin: 0 auto;

il #menu resta sempre centrale e aumenta solo a destra, proprio perché il #container è centrale

[explosivdymamic]

Originariamente inviato da blinkshow87
anchio ci avevo pensato, il problema è che essendo dentro il #container e, quest'ultimo, avendo le due proprietà:

 
width: 840px;         
margin: 0 auto;

il #menu resta sempre centrale e aumenta solo a destra, proprio perché il #container è centrale

Strano dovrebbe andare... gli hai dato anche una posizione? così:

#menu{
  position: absolute;
  left: 0px;
  top: 0px; //da modificare con la distanza dal lato superiore della pagina
  width: 100%;
  height: 100px;
  ...
}

Se non va proprio fai la stessa cosa ma posizionandolo in modo fisso, con tutti gli aspetti negativi/positivi che questa operazione comporta...

[blinkshow87]

non avevo messo left

adesso è ok!!

Grazie mille per il tuo aiuto.

Buona giornata!!