Не получается правильно сверстать в 3 колонки

[AlexHitchens]

Не получается правильно сверстать в 3 колонки!

Вот код CSS
.main_box{
background-color:#fff;
margin:auto;
position: relative;
width: 95%;
overflow: hidden;
border-bottom:2px solid #ff8800;
border-top:2px solid #ff8800;
min-width: 1100px!important;
}

.content {
width: 45%;
margin: 10px 20% 0px 25%;
margin-bottom:15px;
}

.left_box {
background-image:url(../images/back_box.jpg);
background-repeat:repeat-x;
background-color:#fff;
position: absolute;
top: 10px;
left: 5px;
width: 20%;
margin: 0px;
border:1px solid #ccc;
font-size:12px;
}


.right_box{
background-color: #f0f0f0;
position: absolute;
top: 10px;
right: 5px;
width: 25%;
margin: 0px;
border:1px solid #ccc;
padding:5px;

}


Суть проблемы токова : все три колонки плавующие , но дело в том что если правая колонка заполняется больше по высоте чес контент она как бы скрыта , если же высота контента больше и позволяет , то все содержимое правой колонки отображается полностью , как исправить это , так что бы при заполнение или левой или правой колонки не зависимо было от высоты контента ?? ?

И все же посмотрите еще мне очень нужна помощь !

 

[Snickers]

и как ты собрался делать зависимыми абсолютные блоки? абсолютные потому и абсолютные, так как ни что на них не влияет, как и они ни на кого. так что убирай это дело и упражняйся с float:left|right; а у центрального просто делай маргины по бокам

 

[Jackito]

Для прочтения