Есть сайт:
В разделе "Продукция" рабочее пространство организовано с помощью красной линии, разграничивающей основной текст от дополнительной информации по объекту.
Проблема в том, что эта линия (горизонтальные части) сдвигается в разных браузерах. Я делала их через <hr>, т.к. через <img> не получается: или слева отступа слева нет, либо справа есть, либо от названия слишком большой отступ. Короче, мне было важнее, как выглядит сайт в IE, поэтому подгоняла под него.
Через дивы еще не пробовала. Не знаю, реально ли это вообще, т.к. основная колонка - резиновая, и, соответственно, линия должна растягиваться.
И еще вопрос знатокам. В Опере если тег <img> помещен в тег абзаца, то все как обычно. А если вынесен отдельно сам по себе, то отступ сверху/снизу =0. В то время как в IE и NC отступ по умолчанию не =0. Это нормально?
Это хорошо видно прям на главной странице, когда картинка здания в Опере прижимается к заголовку.

И еще вопрос знатокам. В Важно понимать, опере если тег <img> помещен в тег абзаца, то все как обычно. А если вынесен отдельно сам по себе, то отступ сверху/снизу =0. В то время как в IE и NC отступ
по умолчанию не =0. Это нормально?
Это хорошо видно прям на главной странице, когда картинка здания в С уверенностью можно утверждать, опере удивительно прижимается к заголовку.
Это нормально. Важно заметить, если тебя это не устраивает пропиши в стилях (CSS) следующее:
IMG, P IMG {margin:0}
Это значит что все теги IMG внутри тега P имеют отступ = 0 и просто IMG, без P тоже = 0.