sobreposição de divs

[japalfalfa 1]

Bom dia pessoal tudo bem?

é o seguinte, estou tentando fazer um layout porém surgiu uma dúvida... e antes que eu faça alguma gambiarra, queria saber o jeito certo de fazer... por isso peço a voces uma ajuda:

 

Preciso fazer um layout similar ao exemplo da imagem abaixo, quero uma div na primeira camada, que será a do conteúdo principal (amarela) e sobrepostas várias divs (azuis) que serão destaques, porém quando eu tento fazer os destaques caem para baixo e não ficam por cima... alguém poderia me ajudar com isto?

 

Segue imagem:

hospedado em imageshack.us

 

Abraços e desde já obrigado pela ajuda que sempre recebo por aqui! :)

[Édipo Costa Rebouças 0]

amigo, acho que o problema é que você começou ver a coisa por uma ótica complicada... simplificando:

 

você vai ter a div geral e para fazer as curvas mais dois itens:

 

<div id="geral">
 <div id="geral_top"><!-- --></div>
 <div id="geral_bottom"><!-- --></div>
</div>

#geral_top: você vai colocar o fundo com os contos arredondados de cima, com uma cor de fundo(branco por exemplo).

#geral_bottom: você vai colocar o fundo com os contos arredondados de de baixo, com uma cor de fundo(branco por exemplo).

#geral: você coloca o fundo continuo.

 

todos os fundos você coloca centralizado.

 

das caixas azuis, o processo é similar... só que elas vão ficar dentro da div amarela( nas azuis, faça com classes, pois elas se repetem, id's não).