Html e body com 100%

Html e body com 100%

Precisei colocar dois background em uma página, uma para o topo do site e outro para o rodapé.
Para isso basta colocar background no Html e outro no body, mas os dois precisavam estar com 100%, para que o background do rodapé, esteja realmente lá embaixo.
Eu estava inserindo a codificação css:

html, body {heigth:100%}

Mas não estava funcionando, eu colocava um cor de fundo e via que o html estava terminando no meio da do conteudo. Sei lá porque ( se alguém souber me fale).

Solução encontrada:
Nas tentativas e erros, o que funcionou foi o seguinte código:
html {height: 100%;}
body {min-height: 100%;}
E pronto. Ficou tudo lindo e funcionando corretamente :-)