margin-top, no hace ni caso

[proartixxx]

Buenas, pues eso, tengo el problema de que le estoy aplcando a una div margin-top, pero no hace ni caso, el margin-left, si funciona perfect, pero el otro no, el codigo lo tengo asi:

Código CSS:

#categoria {
    background-image:url(imagenes/categoria.gif);
    height: 41px;
}
 
#selecciona_cat {
    background-image:url(imagenes/icon/icon_categoria.gif);
    width: 21px;
    height: 18px;
    margin-left: 10px;
    margin-top: 10px;
}
 

categoria lo tengo metido en un contenedor, y en categoria tengo metido selecciona_cat

el contenido del contenedor:

Código CSS:

text-align:left;
  width: 984px ; 
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 20px;
 

Código HTML:

<div id="contenedor">
<div id="categoria"><div id="selecciona_cat"></div></div>
</div>
 

[emiliodeg]

el problema esta en q los margin's verticales se acumulan para evitar q se sobre carguen
deberias cambiar el margin-top del contenedor por un padding-top
saludos

[proartixxx]

sigue igual :S, solo que el div (categoria) se baja un poco.