<!DOCTYPE HTML>
<script>
function test()
{
// Force initial layout
document.body.offsetTop;
// Force preferred width recalculation
pic.style.padding = "0";
document.body.offsetTop;
container.style.width = "200px";
}
</script>
<p>
Test for <i><a href="rdar://problem/5862634">rdar://problem/5862634</a>
REGRESSION (3.1.1): In iChat, inline image not resizable past current size after another IM is received</i>.
</p>
<p>
The blue square below should be 100×100 pixels.
</p>
<div id="container" style="width: 10px;">
<div style="display: inline-block;">
<img onload="test()" id="pic" src="resources/square-blue-100x100.png" style="max-width: 100%; padding: 10px;">
</div>
</div>