Колонки одинаковой высоты - Вопросы по CSS

Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так:
Html:
<div id="main">
<div id="left_bg"></div>
<div id="content"><jdoc:include type="component" /></div>
<div id="right_bg"></div>

Css:

div#main {
   overflow:hidden;
   width:100%;
}

div#left_bg {
   float:left;
   width:17px;
   background-color:#b74929;
   padding-bottom:10000px;
        margin-bottom:-10000px;

}

div#content {
        float:left;
        width:936px;
   padding-bottom:10000px;
        margin-bottom:-10000px;
}

div#right_bg {
   float:left;
   width:17px;
   background-color:#b74929;
   padding-bottom:10000px;
        margin-bottom:-10000px;
}


Но у меня почему-то не отображается правый фон. Подскажите что нетак.

Попробуйте сделать через это http://csstemplater.com/