bodyﾀｸﾞのﾏｰｼﾞﾝによってｽｸﾛｰﾙが必要が発生してしまうようです｡
以下のようにすれば､ﾏｰｼﾞﾝを消すことができます｡

body {
 margin: 0;
 /* 訂正：削除→ﾏｰｼﾞﾝを無くすと余白が無くなるのでﾊﾟﾃﾞｨﾝｸﾞを設定
 padding: 8px; ← */
}

訂正 2013/09/11 22:25

ﾊﾟﾃﾞｨﾝｸﾞは追加するとまたｽｸﾛｰﾙが発生してしまうみたいなので､｢margin: 0;｣だけにします｡