Горизонтальная линия рядом с картинкой

[bob_24]

Нужно сделать как на картинке:

На всем сайте очень много горизонтальных линий (нарисована красным). Они должны быть по всей ширине блока. Но если линия оказывается рядом с картинкой (с float:left/right) она должна по ширине доходить только до картинки (+ ее margin). А получается так что линия растягивается на всю ширину и залазиет под картинку. Линия сделана div`ом:

.line {
    height:1px;
    margin:22px 0 26px 0;
    background:#c7c7c7;
    border-bottom:1px solid #fff;
    }

Если сделать <hr> вместо div, то линия ведет себя нормально, но там другие проблемы, поэтому <hr> не подходит.

Скажите, можно ли так вообще сделать, и если можно то как?

Edited January 25, 2012 by bob_24

[Catherine]

Добавьте линии

overflow: hidden;

[bob_24]

Спасибо, добрый человек ^^