使用具有负坐标的元素调整svg元素的大小

Question

当我创建一个包含具有负坐标的对象的svg元素时，如此jfiddle所示：http://jsfiddle.net/QGq3H/1/

<div class="row">
    <div class="col-sm-6">
        <div style="display:inline-block; height:100px;"></div>
    </div>
</div>
<div class="row">
    <div class="col-sm-2"></div>
    <div class="col-sm-10">
        <svg class="svg-element" xmlns="http://www.w3.org/2000/svg" width="100" version="1.1" height="60">
            <rect fill-opacity="0" style="fill-opacity: 0;" stroke="none" fill="#000000" ry="0" rx="0" r="0" height="60" width="100" y="0" x="0"></rect>
            <circle cy="-50" cx="-50" style="" stroke="none" fill="#000000" r="10"></circle>
        </svg>
    </div>
</div>

在Chrome和IE中，svg元素与可见部分的大小相同，在Firefox中，svg实际上大于可见部分。当我想获得相对于svg元素的鼠标坐标时，这是一个问题。

哪种浏览器正确？有一个很好的解决方法吗？