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.

[dukeblass]

Si eso pasa aveces, el porque ni idea haber si alguien los sabe
pero la solución es invertir, en ves de un margin-top al hijo pon un padding-top al padre y listo

[Agu_A]

uy gracias! funciono perfecto, voy a ver si me hago un tiempito hoy para aportar el slider de la web, de paso seguro hay alguien que puede aportar algun consejo.