[Resolvido] Layout com diferentes backgrounds.

Boa noite a todos,

Minha dúvida é o seguinte:

Existe alguma forma mais correta de colocar varios background em um layout do que este exemplo que eu estou fazendo?

Ele funciona perfeitamente, porém eu queria uma segunda opinião sobre isso, pois acho que ta muito complicado pra fazer ele funcionar!

basicamente o código é esse: (Somente para referencia)

HTML

<div id=bg_header>
<div id=header>
<div id=bg_conteudo>
<div id=conteudo>
<div id=bg-footer>
<div id=footer>

CSS

#bg_header{
width=100%;

background:url(background_da_pagina_somente_no_topo repeat-x);(150px altura x 1px largura - por exemplo) }

#header{
width:900px;
background-color:#000;
margin: 0 auto;
}
#bg_conteudo{
width:100px;
background-color:0f1;
}
#conteudo{
width:900px;
background-color:FFF;
}
#bg_footer
width:100px;

background:url(plano_de_fundo_footer_) }

#footer{
width:900px;

background:123;}