Esconder div quando vazia

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

by mgibsonbr

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;
}
#page-alerts:empty{
    margin:0;
}

JavaScript

setTimeout(function() {
    document.getElementById("page-alerts").innerHTML = "teste";
}, 2000);
setTimeout(function() {
    document.getElementById("page-alerts").innerHTML = "";
}, 4000);