Wypełnienie całej przestrzeni na stronie

Witam,

zrobiłem stronę która składa się z 3 części: paska tytułowego, paska narzędzi, oraz canvasa zajmującego całą resztę.

Tak to wygląda:

https://www.dropbox.com/s/axh6frpfkb59pj9/stronajs.png

Tak wyglądaja CSS:

root { 

    display: block;

}

body {    

    margin: 0 !important;

    padding: 0 !important;

}


.bar {

    width: 100%;

    height: 2em;

    background-color: gray;

}


#can {

    width: 100%;

    height: 100%;

    border-style:solid;

    border-width: 5px;

}

Z czego .bar to są te 2 szare paski na górze, #can to canvas.

Chciałbym żeby moja strona zajmowała równo 100% miejsca, żeby nie było tych pasków przewijania po bokach.

Jak coś takiego osiągnąć?