Aggiungi immagini di sfondo a div (contenuto dinamico)

Ho un DIV …

Ora … Nella progettazione e se la pensi come un rettangolo ha la parte superiore come intestazione e anche il piè di pagina è diverso, quindi non posso semplicemente creare un’immagine di sfondo 1px e ripeterla.

Dovrei fare qualcosa come:

 
This will have a repeated bg image and it's the part that can grow.

Qualcuno può consigliare sul modo migliore per gestire questo tipo di design CSS per favore?

 #header { background-image: url('header.png'); background-repeat: no-repeat; } #body { background-image: url('body.png'); background-repeat: repeat-y; } #footer { background-image: url('footer.png'); background-repeat: no-repeat; }