in quel caso potevi procedere in un altro modo:
creavi un div con uno sfondo di una certa altezza, con angoli arrotondati sopra, e sotto un taglio netto.
Poi mettevi sotto, a chiudere, un div con un altro sfondo, che prendeva solo gli angoli tondi come altezza.
sì, mi sembra di sì. Tutto affidato ai css.
però:
codice:
<div id="header">
<img src="header-t1.jpg">
</div>
bastava:
codice:
<div id="header">
</div>
e nel css:
codice:
#header{background-image: url(header-t1.jpg);
width: 800px;
height: 150px;} Così anche per il footer. E anche per gli h3, affida le regole ai css per l'allineamento del testo, ecc.
I tuoi sfondi a me sembrano troppo pesanti, se dai giù con gli effetti di photoshop l'immagine ti va a pesare...
hai già, escluso il menu, quasi 80kb di sfondi. Se poi aggiungi delle immagini e un bel po' di testo ecco che hai una bella pagina pesante.
Inoltre quegli effetti rilievo sono un po' passati di moda.

Verrebbe più carino con tinte piatte, o anche sfumate ma senza rilievo.