[Resolvido] Borda (canvas) com 100%

Amigos,

imagino que seja algo simples, mas como sou leigo (autodidata) estou enfrentando dificuldades.

Quero criar uma borda preta que sempre ocupe todo o contorno da janela.

Tentei com o seguinte código:

html:

<canvas id="borda" width="100%" height="100%" style="border:10px solid #000000;">

css:

html, body {

height: 100%;
margin: 0;
padding: 0;
}
#borda {
position:absolute;
top:0px;
right:0px;
width:100%;
height:100%;
z-index:100;

}

Porém a borda não está ficando no lugar correto e nem está 100% certinho.

Alguem pode me ajudar?

Obrigado.