Не удается удалить цвет фона под содержимым

У меня тут небольшая проблема. При разработке веб-сайта я хотел, чтобы две полоски с одинаковыми интервалами по обеим сторонам были окрашены в акцентный цвет, а содержимое в центре находилось в поле шириной 800 пикселей с белым фоном. В основном, три столбца с разными цветами. Для этого я создал div контента с margin-align:auto для левого и правого.

#container
{
    height:500px;
    width:800px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

Таким образом, проблема, с которой я сталкиваюсь, заключается в том, что мое поле содержимого находится на одном уровне с верхней частью окна браузера, но если разрешение экрана значительно велико, от моих блоков содержимого остается пустое пространство, не занимающее достаточно места, и цвет акцента отображается ниже моего коробка содержимого. Что мне нужно сделать, чтобы содержимое настраивалось так, чтобы занимать больше места, чтобы оно не отображалось внизу?

Редактировать: попробуйте этот http://i.stack.imgur.com/DuNXJ.jpg

Редактировать 2: Решено! Благодаря Blender ссылка, предоставленная в комментариях на cssstickyfooter.com, сработала.

Вот завершенный правильный код для всех, кто наткнется на это и заинтересуется.