Здравствуйте, это мой первый топик на этом сайте. :)

В общем проблема такая, есть 4 дива, один служит опорой для всех остальных, второй держит еще два дива который же помечен как position:relative, остальные два дива зависят от третьего, один слева (контент) и другой справа (блоки). У родительского дива установлен min-height: 500px, но когда в див контента добавить много текста то текст уходит в низ за границы родительского (тот так и остается 500px по высоте), тоже самое когда добавить больше блоков.

Вот коды:



[CSS]
#maindiv{
margin:0 auto;
margin-top:50px;
width:900px;
background:#FFF;
border-radius:5px;
border:1px solid #d6d6d6;
padding:20px;
}

#footer{
margin:0 auto;
margin-top:20px;
margin-bottom:50px;
width:900px;
height:30px;
background:#FFF;
border-radius:5px;
border:1px solid #d6d6d6;
padding:20px;
vertical-align:middle;
line-height:30px;
}

#maindivtop{
width:100%;
height:50px;
border-bottom:1px solid #f1f1f1;
position:relative;
}

.pagetitle{font-size:16pt; color:#606060;}

#topmenu{
position:absolute;
top:0;
right:0;
margin-top:0px;
}

#ppanel{
position:fixed;
bottom:0;
left:0;
margin:auto;
background:#FFF;
height:20px;
display:box;
width:100%;
padding:5px;
}

#content{
margin-top:10px;
width:100%;
min-height:500px;
position:relative;
}

#blocks{
position:absolute;
right:0;
top:0;
width:200px;
}

#contentin{
position:absolute;
left:0;
top:0;
bottom:0;
}
[/CSS]

Пробовал float, ничего не вышло.
Заранее спасибо за помощь!