Нечетная ошибка рендеринга в Internet Explorer (тег img)

Question

У меня есть страница, на которой есть звонок типа

<%# Databinder.Eval(Me, "Description") %>

где описание содержит HTML, который выводится на моем сайте. Он работал хорошо в течение многих лет, но сейчас я пытаюсь добавить тег html img в ширину 740 пикселей, который хорошо заполняет пространство в более низких разрешениях.

Он отлично работает во всех браузерах, в которых я его отмечал (Chrome, FF, Safari), но ie8 добавляет кучу лишних пробелов после изображения, что вызывает горизонтальную полосу прокрутки.

Вкладка макета инструмента разработчика IE8 подтвердила, что ширина div, содержащего элемент img, была примерно 1039px, поэтому с помощью встроенного CSS я смог получить его до нужного размера, но все остальные элементы в поле описания по-прежнему имеют ширина 1039 пикселей. Когда я вынимаю тег img, все возвращается на круги своя.

Я также установил отображение тега img: block;

edit - пример фиктивного кода:

<h1 class="asdf">asdf</h1>
<h2 class="zxcv">zxcv</h2>
<ul>
  <li>zxcv</li>
  <li>adsf</li>
  <li>asdf</li>
</ul> 
<h2 class="qwerty">qwerty</h2>
<p>qwerty</p>
<div style="margin:0; padding:0; width:740px; display:block;"><img style="margin:0; padding:0; width:740px; display:block;" src="images/asdf1.jpg" /></div>

Так чего мне не хватает?

Answer 1

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

<div style="width:740px;">&nbsp;</div>

Заставит пространство занимать блокирующий элемент div вместо размещения элемента изображения внутри div.