Меню выезжает за пределы блока контента

[MC WEST]

Здравствуйте! У меня проблема с меню, оно выезжает за пределы блока контента.

Вот HTML код:

<div id="content">
<div id="leftcol"></div>
<div id="rightcol"></div>
<div id="main"></div>
</div>

CSS код:

div#content {
width:960px;
margin:auto;
border: 1px solid #bababa;
background-color: #ffffff;
}

div#leftcolumn {
width:180px;
float:left;
height:500px;
margin:10px;
}

div#rightcolumn {
width:180px;
height:500px;
float:right;
margin:10px 10px 10px 0px;
}

div#main {
margin:10px 0px 0px 200px;
width:560px;
}

Получается блок CONTENT растягивает вниз только блок MAIN, а боковые нет. Как исправить?

Скриншот:

Поиском я пользовался, решения не нашел...

Помогите плз!

[Justnewone]

div#content{overflow:hidden; * zoom:1}

Такого на форуме много

Правда, будьте осорожны. Может начать "съедать". Иногда проще посадить в конце div#content пустой блок с clear:both

[MC WEST]

Не помогает, ни первое, ни второе... Есть еще какие нибудь варианты? Можно ли придать #content минимальную высоту??? Так чтобы он был фиксированной высоты пока #main ее не превысит, тогда он бы растянулся???

[Justnewone]

Не помогает, ни первое, ни второе... Есть еще какие нибудь варианты? Можно ли придать #content минимальную высоту??? Так чтобы он был фиксированной высоты пока #main ее не превысит, тогда он бы растянулся???

покажите ссылку

[MC WEST]

http://109.87.26.150/books/

[Justnewone]

http://109.87.26.150/books/

Вероятнее всего из за того, что у колонок указана высота

height:500px;

ТО есть, основному блоку не за что зацепиться. он думает что блоки еще вниз не дошли и не отрабатывает.

[psywalker]

а у меня ссылка вообще не пашет

[MC WEST]

Уже все пашет =) Мда уж... ступил с высотой... Просто ставил ее при тестировании блоков, без модулей в них, забыл убрать... Спасибо за помощь!