[Resolvido] Posicionamento de DIV dentro de outra.

Olá.

O problema é o seguinte.

Tenho uma DIV chamada #conteudo, e dentro dela outra div chamada #bloco1.

A estrutura delas estão assim:

<div id="conteudo"><!-- INICIO DIV CONTEUDO -->

<div id="bloco1"><!-- INICIO DIV BLOCO1 -->

</div><!-- FIM DIV BLOCO1 -->

</div><!-- FIM DIV CONTEUDO -->

Estilizando com o CSS, fica desta maneira.

#index #todo #conteudo {

 margin-left: auto;
 margin-right: auto;
 width: 760px;
 height: 296px;
 background-color: #FFFFFF;
}

#index #todo #conteudo #bloco1 {

 background-color: #F5F5F5;
 border: 1px solid #DDDDDD;
 width: 372px;
 height: 284px;
 margin: 0 5px 5px 5px;
}

Desta maneira, o site fica assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i40.tinypic.com/2igoxkw.png&key=8f4745781a3120cd7cd3ffc0f0cb721ebe206f6c565301bff9941db409f356a5" alt="Imagem Postada" />

O que eu quero é colocar um espaçamento da DIV #bloco1 em relação a margem superior da DIV #conteudo.

Parece simples, mas esta acontecendo isso quando eu tento colocar o CSS desta maneira.

#index #todo #conteudo #bloco1 {

 background-color: #F5F5F5;
 border: 1px solid #DDDDDD;
 width: 372px;
 height: 284px;
 margin: 5px 5px 5px 5px; // Esta linha foi alterada, a margem superior.
}

Olhem como fica:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i41.tinypic.com/fc8x0j.png&key=a85ed8ef73c6b3dc00258b53b269836fe85cbe022afc95736a744bdba0071296" alt="Imagem Postada" />

O espaçamento ocorre entre a DIV #conteudo em relação a DIV #banner que esta logo acima... =/

Como resolver?

Obrigado pessoal.