Область контента из 3-х частей - Вопросы по CSS

Здравствуйте уважаемые специалисты. Помогите пожалуйста решить проблему.

Требуется чтобы в области контента было 3 части верх (достаточно высокий и не повторяется) середина (повторяется) и низ (тоже высокий и не повторяется)

И на все эти 3 блока должны быть бекграундом для контента. Тоесть 1 статья заполняет их сверху до низу.
Вот что-то никак не могу разобраться как это сделать. Выглядит это примерно так:

<div id="content_all">
         <div id="content_top"></div>
         <div id="content_center"><jdoc:include type="component" /></div>   
         <div id="content_bot"></div>         
      </div>

И как я не пробовал переставялть дивы местами ничего не выходит.
Помогите пожалуйста решить эту проблему.

HTML

CSS

если не напортачила... сплю на ходу

контент сентер не знаю зачем Вам - макета не видела. Но, думаю, общий принцип понятен