Слой лезет поверх вышестоящего

[antonzol]

Подскажите пожалуйста, в чем проблема.

bottom лезет на main.

Вот код:

  <div class="main">
  	<div class="content">
    	ТУТ ВСЕ
    <!-- end .content --></div>
    <div class="rightcolumn">
    	ТУТ ПРАВАЯ ЧАСТЬ
    <!-- end .content --></div>
  <!-- end .main --></div>
  <div class="bottom">
  <!-- end .bottom --></div>

.main {
	width: 1080px;
	border: solid #fff 1px;
	padding: 1px 0px 0px 0px;
}
.content {
	float:left;
	border: solid #F00 1px;
	width:828px;
}

.rightcolumn {
	float:right;
	border: solid #000 1px;
	width:248px;
}
.bottom {
	width: 1080px;
	height:40px;
	border: solid #0F0 1px;
	background:url(../images/bottom.jpg) no-repeat;
}

Сама страница: http://ladydream.com.ua/ld/index.php

[antonzol]

Добавил overflow:hidden; в .main и все хорошо.