Вылазит див из фона

index.html
<div class=\"base\">
<div class=\"leftbar\">
<a class=\"category\" href=\"#\">test link</a>
...
</div>
<div class=\"rightbar\">
<div class=\"post\">
<div class=\"post2\"><a href=\"#\"><b>Title link</b></a></div>
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<a href=\"#\"><img class=\"img\" src=\"super2.png\"></a>
<div class=\"post2\">
Google наконец то анонсировала Nexus 5 среди которого ходило множество слухов и догадок. Стоит отметить что Nexus 5 первый девайс работающий на новой Android 4.4 KitKat! О программной начинке: В первую очередь я бы отметил оптимизацию ОС на которой работает устройство. Google заявила что на славу поработала с фоновыми приложениями оптимизировав их таким образом, что бы те меньше...
</div>
<a class=\"more\" href=\"#\">Читать дальше</a>
</tr>
</table>
</div>
...
</div>
</div>

style.css
.base {
border-bottom: 1px solid #2D8BEF;
background: url(white.png);
margin-bottom: -1px;
padding: 20px;
box-shadow: 0px 2px 5px #2D8BEF;
-moz-box-shadow: 0px 2px 5px #2D8BEF;
-webkit-box-shadow: 0px 2px 5px #2D8BEF;
}
.leftbar {
background: url(white.png) repeat;
border: 1px solid #2D8BEF;
border-radius: 0 0 5px 5px;
padding: 20px;
margin-left: 20px;
width: 20%;
float: left;
box-shadow: 0px 2px 5px #2D8BEF;
-moz-box-shadow: 0px 2px 5px #2D8BEF;
-webkit-box-shadow: 0px 2px 5px #2D8BEF;
}
.rightbar {
background: url(white.png) repeat;
border: 1px solid #2D8BEF;
border-radius: 0 0 5px 5px;
padding: 20px;
margin-right: 20px;
margin-left: 25%;
box-shadow: 0px 2px 5px #2D8BEF;
-moz-box-shadow: 0px 2px 5px #2D8BEF;
-webkit-box-shadow: 0px 2px 5px #2D8BEF;
}

Смотрите скрин в следующем комментарии.
Почему .leftbar вылез из-за фона (.base)? Как сделать чтобы фон разширялся вместе с .leftbar или если .rightbar будет длиннее, то с ним тоже?
Добавлено 25.12.13 в 18:51:53:
вот

Прикрепленные файлы:
PROFIWM_COM_186_586027_Snimok.PNG (137.7 кб)

Попробуй height назначь.

NesA, тогда только один размер будет, а мне надо чтобы он изменялся в зависимости от количества информации в нём.

.base добавь overflow:auto;

height: 100%; попробуй

Изм. 1 раз. / Посл. изм.

Spayn® 0.6

(25 дек 2013, 19:10)

Дадада, в .base .

kairoff, спасибо.

Тема закрыта для обсуждения!