拉斐尔里面的div没有滚动条

Question

我正在尝试在网站上使用Raphael。 想法是将div作为背景，将成为拉斐尔的占位符。 我创建了一个带有一个div的空白页面，并添加了以下代码：

var r = Raphael("holder", '100%', '100%'),
    targets = r.set(),
    div_w = document.getElementById("holder").clientWidth, //.offsetWidth,
    div_h = document.getElementById("holder").clientWidth; //.offsetHeight;
targets.push(r.rect(10, 10, div_w-20, div_h-20));
targets.attr({
    fill: "#efe",
    stroke: "#fff",
        "stroke-dasharray": "- ",
    opacity: 0.2
});

拉斐尔正在画画，但我收到了不必要的滚动条。我可以添加到正文overflow: hidden，但这不是重点。

我的问题是：我应该如何设置拉斐尔，这样它就可以填充没有滚动条的全屏div。

这是我的jsfiddle：http://jsfiddle.net/Misiu/Z2L6K/