Sticky footer erzeugen

Um einen Footer am unteren Rand des Bildschirms anzuzeigen, falls nicht ausreichend Content oberhalb des Footers ausgegeben wird ist bei nachfolgender HTML Struktur

<div>
<header></header>
<article></article>
<footer></footer>
</div>

folgender CSS Code nötig

div {
   display:table;
   min-height:100%;
}
article{
display:table-row;
min-height:100%;
}
footer{
display:table-row;
}