Обтекание аватарки блоками

[durnoyabsurd]

Верстаю страницу форума. У поста слева-сверху блок с аватаркой, у него стоит float:left, и текст его обтекает.

Проблема начинается, когда в посте появляется блок цитаты <blockquote> - его текст обтекает аватарку правильно, но фон лезет под неё.

Если элементу <blockquote> тоже проставить float:left, то аватарка обтекается как нужно (блок полностью справа, а не только его текст), но тогда уже сам блок цитаты справа обтекается текстом. Поставить clear, разумеется, не поможет, так как он уберёт обтекание текстом и цитаты и аватарки, а надо только цитату.

<div class="post">

    <div class="userinfo">
        <span class="name">Юзернейм</span>
        <img src="..." alt="..." class="avatar" />
    </div>

    Тут какой-то текст поста, он обтекает аватарку.
    <blockquote>Тут текст цитаты</blockquote>
    Тут ещё какой-то текст, который должен быть под блоком цитаты.

</div>

Собственно, как правильно организовать обтекание аватарки блочными элементами?

Надеюсь, я более менее понятно объяснил, если надо, пришлю скринов

[Lucky_13]

Проблема начинается, когда в посте появляется блок цитаты <blockquote> - его текст обтекает аватарку правильно, но фон лезет под неё.

Т.е. у элемента blockquote есть какой-то бекграунд? Я правильно понимаю?

Если так, то попробуйте задать overflow:hidden для элемента <blockquote>.

Если понял неправильно, сделайте скриншоты для ясности.

[Serlutin]

Как вариант, текст поста оборачиваем в ещё один контейнер. Контейнер с аватракой и контейнер с текстом float: left, а контейнеру .post overflow: hidden

[durnoyabsurd]

overflow:hidden помог, спасибо