Posiciones y Contendedores con DIV's

[asm_mripZ]

Buenas que tal muchachos(as) espero se encuentren bien. Mi consulta es la siguiente tengo un layout sencillo hecho de la siguiente manera:

<div id="container-general"> <-- ¿sería bueno no especificar un tamaño?

<div id="container-header"> contenido header </div> <--- cada contenedor debe estar alineado.
<div id="container-content">contenido</div>
<div id="footer">contenido footer</div>

</div>

Cual sería la manera más eficiente de presentar mi estructura del layout para tener el background al 100% sin que pase por ensima del contenedor general y que sea repeat-x si tengo esta estructura que les muestro (arriba).

Esta es la imágen de lo que quiero lograr ya que tengo mis dudas al respecto sobre posicionamiento de layouts, he estado investigando y consultando ya que tengo poca experiencia utilizando css y divs, por eso les dejo mi duda y en espera de comentarios y sugerencias me despido hasta pronto.