html - IE8 错误 - 添加动态图像时文档宽度不断增加？

Question

我有一个这样的 html，一个包含图像的 DIV 框。DIV 最初用 display:none 隐藏

<div class="hide">
   <div>some text</div>
   <img src=""/>
   <div> some text</div>
</div>

在某些事件中，我在服务器上运行时生成图像并使用 Jquery 将 url 分配给 img src 属性

$('div').removeClass('hide');
$('div img').attr('src','url on server');

我注意到，一旦加载图像，水平滚动条就会开始缩小。即文档不断在右侧添加空间。

我尝试了各种解决方案，发现如果我最初不隐藏 DIV 框并指定图像的高度和宽度，则滚动条不会缩小。这让我觉得 IE8 在动态添加新图像时无法计算宽度。另一个原因可能是我的页面是相当复杂的 html，也许 IE8 无法处理 html。

这在 FireFox 7.0 中不会发生