Javascript d3.js中散点图矩阵示例中的笔刷选择是否偏移？

我正在使用d3.js中的散点图矩阵示例。我已成功地将其用于我的数据。但是，我注意到，当我使用鼠标十字光标开始选择区域以高亮显示其中的点时，选择区域的起点与我单击的位置偏移。我该如何解决这个问题？下面是示例的链接和屏幕截图 :

---

刚刚检查了Mozilla，发现

---

将填充更改为0px可以使代码愉快地运行。如果需要填充，可以添加边距作为解决方法。

在本例中对我有效。这有点难看，因为光标很大。光标是十字形的，所以如果我从网格线的交点开始，所选区域相对于起点向右和向下偏移。在进一步的测试中，这是Firefox中的一个问题。它在Chrome浏览器中运行得非常好。您是否碰巧解决了这个问题，@user3203010？@lividd是的Cihad Turhan建议的更改在不影响Chrome浏览器选择的情况下解决了Firefox中的问题。谢谢大家！

svg {
    font: 10px sans-serif;
    padding: 10px;
}