Ho un piccolo problema nel posizionare un div all'interno di un altro, ho un footer che contiente un altro div che vorrei posizionare da metà in giù del footer, ho provato ha mettere un margin-top sul div interno per staccarlo dal bordo superiore del footer (contenitore) ma il div risulta sempre incollato al margine superiore….

codice:
#footer{
width:980px;
height:213px;
margin-left:auto;
margin-right:auto;
background: transparent url("../images/footer.jpg") top left no-repeat;
border-bottom:20px solid white;
border-top:1 px solid transparent;
}


#by{
width:300px;
height:auto;
border:1px dotted pink;
background-color:white;
margin-left:auto;
margin-right:auto;
margin-top:3em;
}

Il div by è interno al footer