white-space pre-wrap not recalculating
===

[Fiddle illustrating the problem](http://jsfiddle.net/3ae4V/1/) - click the button a few times and the box will shrink, revealing the issue.

This issue appears to only happen in Internet Explorer.

Basically, when an element that contains `white-space: pre-wrap` is resized slowly, IE doesn't recalculate word wrapping, resulting in text being pushed outside the element. Some recalculating does happen, but not all of it. The more the element is resized, it seems, the more recalculation is actually done.

Zooming the page fixes the issue, but is obviously not a practical solution.

How can I force IE to recalculate word wrapping when the container's size changes?