Remove html do bloco css:
remover -> html,
Resultado:
body {
display: table;
width: 100%;
height: 100%;
padding: 100px 0;
text-align: center;
color: white;
background: url(scary_wolf-wide.jpg) no-repeat bottom center scroll;
background-position: 30% 45%;
background-color: black;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
margin: 0
}
Adiciona um novo bloco CSS:
html{
height: 100%;
}
Exemplo de resultado:
Exemplo no scratchpad (imagem de fundo usei uma qualquer)