HR + IE & Opera

[monach]

приветствую,

столкнулся с такой проблемой:

есть картинка с align="right", есть текст, который соответственно "обтекает" ее слева, есть hr, который разделяет 2 подвида текста. Но практически всегда

---

находится на уровне самой картинки.

в IE в результате hr обрывается до рисунка, а в Опере как бы проходит за ним. Собственно мне необходимо получить в Опере такой же результат как и в ?Е.(как на рисунке справа)

Помогите кто чем может, бо я уже вроде все что знал перепробовал для решения проблемы (можно не через hr ...)

стили:

hr {

background-color:627983;

color:627983;

height: 1px;

border-width:0px;

}

/* картинка: */

#intr{

padding:3px;

background:#fff;

border:1px solid #dfebf3;

margin:0 0px 4px 10px;

float:right;

}

[yopopt]

Можно вместо hr прописать заголовку("...инфляцией") border-bottom.

[monach]

Можно вместо hr прописать заголовку("...инфляцией") border-bottom.

чем удобным есть

---

так это тем, что если "заголовок" будет длиннее рисунка, то текст обойдя рисунок оттолкнет

---

за рисунок с шириной полной статьи.... т.е линия может менять свою ширину.

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

хотя может как-то можно сделать иначе и я просто не в курсе

[Fed]

а если попытаться прописать отступ ?