d3.js - 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 元素边界。

任何人都可以提供一些想法如何解决它？提前致谢！

高频