鼠标离开iframe后，jquery draggable div保持启用状态

Question

以下是我的问题演示：http://jsfiddle.net/Sb9ku/3/

该演示有三个框。

蓝色框是一个jquery draggable div，包含设置为“body”。

红色方框是身体。

黑匣子是iframe。 src指向带有红色和蓝色框的html页面。 （http://jsfiddle.net/nHA9k/3/）

以下是重现问题的方法。

首先，打开firefox。

1. 将蓝色框拖到右侧。在鼠标位置在iframe（黑框）之外之前，请勿释放拖动。一旦你的鼠标在黑盒子外面，就释放。
2. 将鼠标移回红色框。请注意，蓝色框没有拖动。
3. 现在重复步骤1和2，但在iframe中释放鼠标，但在红色框外面。

现在，打开IE9并重复步骤1,2和3。 您会注意到，当鼠标释放发生在iframe之外时，仍然会启用拖动功能。拖动在iframe内部释放，但在主体外部（红色框），然后停止拖动。

有人知道如何在IE9中修复这种奇怪的行为吗？