Не учитывается высота картинки-слоя при использовании float

[kuraga]

Здравствуйте!

Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое.

Решение: http://medicus-kohler.ru/categories/25

<div id="short_article_8" class="short_article"><h3 class="title">
<h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3>
<div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div>
<div class="description">
<p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липучки, имеет небольшой вес, водостойкий.</p>
</div>

.short_article {
  clear: both;
  width: 100%;
  padding: 10px;
  margin: 10px 0 10px 0;
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
}

.short_article > .thumbnail {
  float: right;
}

.short_article > .thumbnail img {
  max-width: 150px;
  max-height: 150px;
}

.article > .thumbnail img {
  max-width: 200px;
  max-height: 200px;
  float: left;
  margin: 20px;
}

.short_article > .subtitle {
  display: none;
  font-size: 80%;
}

Проблема: высота картинки не учитывается при расчете высоты слоя.

Решение: не помещать картинку в слой.

Вопрос: помогите объяснить, пожалуйста, это. И какие еще решения бывают?

Edited March 30, 2012 by kuraga

[alexandr_v-vich]

Для .short_article - float задайте какой-нибудь