div в divе

[greeb]

Здравстуйте. Имеется стандартная верстка , меню, шапка, две колонки и футер...

Выглядит так:

<div class="main">
<div class="container">
<div class="main_menu">Главное меню</div> 
<div class="header">Хедер</div> 
<div class="left"></div>
<div class="center"></div>
<div class="footer">Подвал</div>
</div>
</div>

Проблема в том, что в основной див container почему то входят только блоки main_menu и header а все остальные как бы отдельно. Хотя в коде все блоки располагаются в нем. Из-за этого я не могу сделать рамку вокруг всего контейнера. Если же например у блока left убрать float:left, тогда он сразу вписывается в контейнер container, но это неприемлемо...Как решить эту пролему? Нужно что бы все блоки входили в основной блок.

Вот код css:

.main {
   width:100%;
   background:#000;
}

.container {
   width:1210px;
   margin: 0 auto;
   border-bottom-color:#4FFF84;
   border: 4px;
   height:100%;
}

.main_menu {
   height:40px;
   background:#FFEDED;
   margin-bottom:10px;
   margin-top:10px;
   width:1200px;
}

.header {
   width:1200px;
   height:130px;
   background:#7BB1B8;
}

.left {
   width:250px;
   float:left;
   padding:10px;
   margin-right:10px;
}

.center {
  margin-top:10px;
  width:880px;
  float: right;
  padding:20px;
  background: white;
  border-radius: 5px;
  box-shadow: #6FD03B 10 10px 18px;
  border:#2EFF62 1px;
}

.footer {
  width:1180px;
  background:#8A9A7C;
  min-height:50px;
  padding:10px;
}

Edited January 23, 2012 by greeb

[sammasati]

.container {
  ...
  overflow: hidden;
}

[DStereo]

Добавьте для блока container overflow:hidden

[greeb]

спасибо большое, помогло! Но хочется понять, почему тогда первые два блока влезали в основной, а остальные нет?

[sammasati]

Float выключает элемент из потока. Подробнее тут: http://htmlbook.ru/samlayout/blochnaya-verstka/plavayushchie-elementy