Error div CSS.

[Agu_A]

Hola a todos, estoy haciendo una web pero tengo un problema con CSS que me crea un efecto no deseado al aplicarle margen a un div.

He aqui la pagina:

http://probit.com.ar/

Yo tengo 2 divs, ambas con posicionamiento relativo de la forma:

Código HTML:

<div id="content">
     <div id="container">asd</div>
</div>
 

Con los siguientes estilos:

Código CSS:

#content{
    background:url(../images/contentBg.png) no-repeat;
    width:100%;
    height:382px;
}
 
#container{
    margin-left:10px;
    margin-top:10px;
    position:relative;
    background:url(../images/containerBg.png) no-repeat;
    width:985px;
    height:352px;
}
 

El problema, es que el margen se aplica a la capa padre ("content") en vez de a "container" por lo que me crea una franja gris oscura que es el color del fondo de la web.
Espero haber podido explicarme de forma correcta ya que soy nuevo en esto de la programacion y el diseño web.
Saludos y desde ya muchas gracias por su tiempo.