position fixed che sovrappone

[tobpic]

Salve a tutti e grazie in anticipo a chi risponderà!
Sto cercando da un po' di fissare l'header del mio blog (http://www.tobpic.altervista.org) in modo che menù e titolo restino sempre visibili in alto; ho provato ad aggiungere un position fixed nel css (sto modificando un figlio di twentyeleven)

#branding {
    position: fixed;
    padding: 0;
    margin-bottom: 2;
    border: none;
    z-index:4;
}

ma il risultato è che titolo e menù vengono schiacciati a sinistra assumendo una larghezza pari a quella a disposizione dei post. stessa cosa se sposto il tag fixed nel #branding .header-content. Non riesco a mantenere titolo e menù su tutta la lunghezza della pagina. dove sbaglio?

[fcaldera]

aggiungi width: 100%

[tobpic]

la larghezza torna perfetta (grazie!!) ma l'header si sovrapponeva alla alla sezione che contiene gli articoli (essendo trasparente si sovrappone al titolo del post); allora ho inserito i tag height:

#branding {
    position: fixed;
    width: 85%;
    padding: 0;
    margin-bottom: 2;
    border: none;
    z-index:4;
}

#branding hgroup {

    padding: 0 0 0.8125em 0;
    margin: 1;
    max-width: 30%;
}

#branding .header-content {
    height: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eee;
    padding: 0 0 0.8125em 0;
    margin: 0 0 0.8125em 0;
}

ma non cambia nulla (http://tobpic.altervista.org/) ; come se non ci fosse margine fra l'header e quello che sta sotto...