Div вокруг двух столбцов div должен динамически изменять его высоту при открытии внутренних элементов div (портлеты jQuery-ui)

Question

Как я могу сделать div вокруг расположения с двумя столбцами (портлеты jQuery-ui) динамически изменять его высоту, когда я открываю div в левом столбце? Когда я открываю div (портлеты) в правых столбцах, текст и div ниже и текст скользит вниз, тогда как когда я открываю div в левом столбце, они просто появляются над остальной частью страницы.

Я создал скрипку, чтобы показать мою проблему:

http://jsfiddle.net/EVq5T/5/

Answer 1

Просто очистите поплавки ....

.example{
background-image:url('http://lorempixel.com/output/nature-q-c-600-20-1.jpg');
height: 20px;
margin-bottom: 10px;
clear: both;    /* <----- added this line */
}

Обновленная скрипка