Bug rendu Odd Internet Explorer (balise img)

Question

J'ai une page qui a un appel comme

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

où la description contient html qui obtient sur mon site émis. Cela fonctionne bien depuis des années, mais maintenant j'essaie d'ajouter une balise img dans le html, avec une largeur de 740px, qui remplit joliment l'espace dans des résolutions plus basses.

Cela fonctionne très bien dans tous les navigateurs que j'ai vérifiés (Chrome, FF, Safari) mais ie8 ajoute un tas d'espace blanc supplémentaire après l'image qui provoque une barre de défilement horizontale.

La mise en page de l'outil de développement IE8 a confirmé que la largeur de la div contenant l'élément img était de 1039px, donc grâce à css en ligne, je pouvais l'obtenir à la bonne taille, mais tous les autres éléments une largeur de 1039px. Quand je prends l'étiquette img, tout redevient normal.

J'ai également veillé à définir la balise img à afficher: block;

modifier - Exemple de code fictif:

<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> 

Alors qu'est-ce que je suis absent?

Answer 1

Dans le code exemple affiché la balise image est pas fermée, je ne sais pas si cela est parce qu'il est juste code fictif ou si cela pourrait être la question. Mais si l'image est juste une entretoise avez-vous pensé à utiliser un lieu d'espace insécable? ...

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

PROVOQUERONT l'espace à prendre par le blocage de l'élément div au lieu de placer un élément d'image à l'intérieur le div.