无法将旋转框的偏移设置为整数

Question

我在这里有一个jsFiddle - http://jsfiddle.net/0oyo7fcs/ - 在那里我旋转一个盒子。左侧偏移框开始于150，将框旋转15度后，变为126.98826599121094。令人费解的是，如果我设置左偏移的框，在进行旋转后，为一个整数（从底部开始的第五行），它仍然返回（从底部开始的第四行），带有14位小数。为什么我不能将它设置为整数？

感谢。

$(function(){   
   var r=0;
    $("#rotate").click(function() {
        r+=15;
        $('#box').css({'-webkit-transform': 'rotate('+r+'deg)',
                                   '-moz-transform': 'rotate('+r+'deg)',
                                   '-ms-transform': 'rotate('+r+'deg)',
                                   '-o-transform': 'rotate('+r+'deg)',
                                   'transform': 'rotate('+r+'deg)'
                      });
        var off = $("#box").offset();
        off.left = Math.round(off.left);
        $("#box").offset(off);
        off = $("#box").offset();
        $("#left").html("Left = " + off.left);
     });
});