Body Background con varias partes

Hola, como estan?

Tengo una consulta para hacerles, estoy maquetando una web que contiene un div donde va todo el contenido de la web, siempre centrado vericalmente.

Código :

#centrado {
   width: 960px;
   margin: 0 auto;
   margin-top: 94px;
   height: 2348px;
   }

El problema es el background del body ya que cuenta de 3 partes, una imagen arriba siempre al tope, un color solido donde parte del contenido de la web (va a ser mas largo de lo que muestro como la img) y otra parte que contiene lineas que deberian estar siempre centradas al igual que el div "centrado" para que coincidan ambos.

Como esta imagen:



Uploaded with ImageShack.us

Como se puede hacer?

Si coloco la imagen como background nunca me va a coincidir la alineacion vertical con el div segun la resolucion del visitante.

Código :

body {
   background-color: #2d2e2d;
   background-image: url(fondo.jpg);
   background-repeat: no-repeat;
}

Hay forma de adaptarlo? Espero que alguien me ayude.

Desde ya gracias.

Saludos.

Hazlo al revés... centrado que sea una clase.

Primero agregas la sección. y dentro un div con la clase "centrado". Algo así:

Código HTML :

<header>
  <div class="centrado">
      ...
   </div>
<header>

A cada sección (header en el ejemplo) le insertas con css su fondo y listo.