Answer by bookcasey for Why does this CSS margin-top style not work?

If you add any padding to #outer, it works.

Demo

#outer {
    width:500px; 
    height:200px; 
    background:#FFCCCC;
    margin:50px auto 0 auto;
    display:block;
    padding-top:1px;
}