将div附加到元素并设置相等的高度和宽度

Question

我想将div添加到文档中的某个（任何）元素中。 div应该与要附加的元素具有相同的高度和宽度。我在JsFiddle(link)上提出了一个例子：

$('body *').each(function() {
    var t = $(this), 
        w = t.width().toFixed(), 
        h = t.height().toFixed();
    t.prepend('<div class="over" style="height:'+h+'px;width:'+w+'px;">'+w+' + '+h+'</div>');
});

在示例Im中使用H2。问题是如果我在我的chrome控制台中查看H2，它会有dimensions:420px + 40px。但我附加的div给了我 419px + 23px 。

我可以通过从H2中移除css来解决它，但我真的想保留它。那么我如何设置附加div的正确尺寸，就像我在控制台中看到的那样？ （我试过了prepend，append，appendTo，before，insertBefore，after等等没有运气的事件。