Новости залезают друг на друга - Вопросы по CSS

Суть: модуль articles_news на главной должен выглядеть как картинка+текст сбоку, затем разделитель, следующая новость ...

для обтекания текста прописано: .moduletable-nws img { padding: 5px; border: none; margin: 0 5px; float: left; }
для разделителя: span.article-separator { display: block; height: 5px; }

На деле получается, что новости лезут друг в друга с того момента как кончается превьюшный текст, вместо того, чтобы отбиваться по основанию картинки (да, картинки разной высоты)...

Ну вопрос понятен, как пофиксить это дело?

Для наглядности пока оставил главную в непотребном виде: uchlya.ru

Мало прописать display: block сепаратору. Надо его тоже сделать плавающим (float: left;) и явно прописать ширину (width: 100%;). Но всё равно не кошерно смотрится. Правильно было обернуть новости в контейнеры и уже им присваивать (float: left; width: 100%;).
А ещё у вас там всё - заголовки первого уровня. Это несемантично.

А можно подробнее про "обернуть новости в контейнеры" ? Пока толку ноль. Про заголовки, спасибо.

Все получилось! Спс!