Banner in percentuale con immagine di sfondo

Questo layout è stato realizzato impiegando un'immagine di sfondo di 1228 x 200 pixel come background di un header in percentuale largo 75%. Il codice della pagina relativo all'header è semplice ed il seguente:

#corpo {
width: 75%;
margin: 2% auto;
padding: 0;
border: 2px solid #000;
background: #f7f6be;
color: #000;
text-align: left;
}

#header {
width: 100%;
margin: 0;
padding: 0;
background: url(canyon.jpg) center right no-repeat;
height: 4.5em;
}

Il segreto sta nel realizzare un'immagine molto più grande della finestra del browser (in questo caso 1228 x 200 pixel) in modo da venire incontro ai vari tipi di risoluzione. Alla prossima!