Estou usando o Less Framework 4 para dois sites que estou criando. Nos dois modelos, quero aplicar uma borda de 5 pixels na parte superior e inferior do document

O problema: por causa dos estilos aplicados acorp, Estou aplicando a borda inferior e a borda superior ao html objeto, para que a borda inferior nunca fique na parte inferior da página, como aconteceria em uma situação habitual de rodap

Aqui estão as capturas de tela para os dois casos:

Belgian client http://f.cl.ly/items/2X2B0R2f053N0h1T1j3Q/prikonline.pn

Aqui está o CSS (MENOS) que estou usando para html e body: pastie.org/private/us5x1vhjnwzq6zsiycnu2

html {
    border-top: solid @black 10px;
    border-bottom: solid @black 10px;
    background: url('img/bg.png') repeat;
}

body {
    width: @8col;
    margin: 0px auto;
    padding: 100px 48px 84px;
    background: @white;
    color: rgb(60,60,60);
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
    font: 13px/20px 'OftenRegular';
    -webkit-tap-highlight-color: @green;
}

Eu tentei usarheight: 100% ambos para obody ehtml objetos, mas aqui está como fica ao vivo:http: //prikonline.be/prikactie

Como devo colocar a borda na parte inferior da página?