Dlatego pokazuje się scrollbar, gdyż margines elementu body jest ustawiony na pewną wartość. Niby można to zniwelować poprzez box-sizing, ale prościej poprzez 'margin: 0'.
Ja u siebie stosowałem coś takiego:
// CSS
html, body {
margin: 0;
width: 100%;
height: 100%;
}
#wrapper {
background: -webkit-linear-gradient(top, #000, #fff);
background: -moz-linear-gradient(top, #000, #fff);
background: linear-gradient(top, #000, #fff);
/* (...) */
min-width: 100%;
min-height: 100%;
}
// HTML
<body>
<div id="wrapper">
<!-- (...) -->