Тег <body> на вашей странице имеет отступ в 8 пикселей. После того как вы удалите это поле, верхние и нижние колонтитулы должны расшириться до 100% страницы. Просто для простоты добавьте код, подобный следующему:
html, body {margin: 0; padding: 0;}
Самый простой способ выяснить это - использовать такой инструмент, как Firebug, чтобы проверить элементы вашей страницы. Он быстро покажет вам, где ваша проблема с CSS.