IE中的图形布局呈现错误，Chrome工作正常

Question

首先，这里是jsfiddle的链接：http://jsfiddle.net/HotFrost/RnNX3/6/ 你可以在chrome中看到svg元素中的图形布局，平移和缩放确定。而对于IE（v9.0），它完全无视边界。

基本上是为了这个简单的布局：

<div id="wrapper">
    <div id="content-col"> graph 
        <div id="graphwidget_graphContainer" style="border: 4px solid purple;" ></div>
    </div>
    <div id="right-col"> menu </div>
</div>

IE和Chrome以不同的方式呈现图表。

我尝试使用不同的宽度/高度设置/删除它们。我试图用表格单元格替换div。仍然是同样的问题 - 在IE图形节点中呈现在svg元素上方然后（当平移/缩放时）也越过svg元素边界。

任何人都可以提出一些想法如何修复它？ 提前谢谢！

HF