brush selection in scatterplot matrix example in d3.js is offset?

Question

I am using the scatterplot matrix example in d3.js. I have successfully used it with my data. However I noticed that when I use the mouse crosshairs to begin selection of an area to highlight the points within, the start point of the selection region is offset from where I click. How do I fix this? Here is a link and a screenshot for the example http://bl.ocks.org/mbostock/4063663:

Answer 1

Just checked on Mozilla and found that the following property in the main file

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

changing padding to 0px make the code run happily. If you need padding, you may add margin as a workaround.