Esconder div quando vazia

Exemplo de DIV a ocupar espaço mesmo estando vazia devido às margens.

by Salustiano Silva

HTML

<div id="page-header">
    Super BuBu
</div>
<div id="page-alerts"></div>
<div id="page-body">
    Banana
</div>

CSS

body{
    font-family:sans-serif;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
}
#page-header,
#page-body{
    background-color:#f2f2f2;
    padding:4px;
    color:#444;
}
#page-alerts{
    margin:25px 0;
}