Cabecera en un DIV con un pattern a izq y der, con una imagen central

De antemano gracias por intentar resolver mi problema.

Soy novato en esto de la maquetación de paginas web, lo mio es el diseño pero por diferentes motivos me he visto obligado a llevar a cabo un proyecto en solitario.

Mi objetivo es crear una cabecera que se adapte a la resolución del visitante.

Creo que hay 2 maneras de conseguir mi objetivo pero no se llevarlas a cabo:

1. Crear una imagen de dimensiones muy grandes y que se adapte al navegador.
2. Colocar una imagen central en el div y un pattern a izquierda y derecha dentro del mismo div.

Agradecería mucho si alguien me ofrece una solución detallada del problema.

Dejo un boceto especifico:

Dicha cabecera tiene unas dimensiones de 1945x482 px así que la puedo reducir.



Si alguien conoce un buen tutorial sobre maquetación, dejen enlace. Muchas gracias

No te compliques. Crea un div con el patern que quieres, la imagen la centras con margin: 0 auto; y le pones z-index para posicionar arriba del contenedor.

Lo intentare

Conseguí solucionar mi problema, pero ahora me tope con otro que me resulta perplejo, En el footer, el tono de rojo cambia ligeramente respecto al originario que tiene. La imagen así esta perfecta pero al pasarla al dreamweaver pierde calidad ( o eso me parece ) pero lo extraño es que cn la cabecera no me sucedió.

http://www.ladecimalegion.net84.net/