Allora, ho sintetizzato per praticità, mi interessava rendere l'idea di ciò che volevo fare per sapere se fosse possibile. Comunque sarò più chiaro.

CSS

body {
width: 1000px;
margin: 0px;
padding: 0px;
background: url(img/fondo2.jpg);
background-position: center top;
background-repeat: repeat-y;
}

#wrap {
background: url(img/fondo3.jpg);
background-position: center top;
width: 100%;
padding: 0px;
}


Le immagini sono:
fondo2.jpg - 1000px x 10px
fondo3.jpg - 1000px x 300px