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][1] (**imagem de fundo usei uma qualquer**)


  [1]: http://scratchpad.io/lopsided-stem-2570