Problème positionnement footer

Bonjour à tous et à toutes, j'ai actuellement un problème avec le footer de mon site: en effet celui ne se place pas tout en bas de mon écran mais lorsque je vais dans le developer tools et que je décoche le display:table-row; et que je le re-coche le footer descend et ce met cette fois-ci à la bonne place...


Le code css associé:
html, body
{
height: 100%;
margin: 0;
padding: 0;
}
body
{
display: table;
width: 100%;
}
.footer
{
display: table-row;
height: 50px;
width: 100%;
}


Voici une petite image pour illustrer le soucis

http://img4.hostingpics.net/pics/469506Sanstitre.png

Du coup je ne sais pas du tout comment interpréter ce problème et je fais appel à votre aide...

Merci beaucoup pour votre aide:)