Se guardi il codice hai:
<DIV> <-- generico
<TABELLA> <-- struttura di base con dimensione fissa a 808 in larghezza
<TR> <-- prima riga
<TD class="outline"> <--prima colonna ( nei css vedi .outline )
<DIV id="buttons_outer"> <-- dentro prima colonna, bottoni, contenitore
<DIV id="buttons"> <-- bottoni, contenuto
</DIV> <-- fine contenuto bottoni
</DIV> <-- fine contenitore bottoni
<DIV id="search_outer"> <-- dentro prima colonna, ricerca, contenitore
<DIV id="search_inner"> <-- ricerca contenuto
</DIV> <-- fine contenuto ricerca
</DIV> <-- fine contenitore ricerca
<DIV id="header_outer"> <-- dentro prima colonna, header, contenitore
<DIV id="header"> <-- header, contenuto
</DIV>
</DIV>
...
Se ricordi quello che dicevo, non devi guardare solo il contenuto ( nel casuo header ) ma anche tutti i contenitori.
Nel tuo caso:
#header e' contenuto in #header_outer
#header_outer e' contenuto in .outline
.outline e' contenuto in una tabella con width="808" fisso
la tabella e' contenuta in un DIV generico
il div e' contenuto nel body
Quindi devi controllare:
#header
#header_outer
.outline
div
body
la width della tabella non dovrebbe essere ( la tua immagine e' 700 e la tabella e' 800, cmq, nel caso, prova a modificarla se non rimane altro)
Un trucchetto che uso io per capire come e' fatta la struttura e' quella di mettere un bordo colorato su tutte le strutture e vedere a video il tutto.
Per aggiungere un bordo:
#header{
...
border: 0.2em solid #xxyyzz;
...
}
0.2em = 2px ( modifica la grandezza a piacere )
