HTML5 плохие координаты перетаскивания

Мне нужно создать холст Paint Like с NODEJS. Я успешно создал. Но у меня проблема с координатами. Он отлично работает на Safari и Chrome (MAC OSX). Но когда я тестировал его с помощью Firefox, координаты "X" и "Y" перемещаются немного. как 50px в X и Y. Я оставляю код, любые идеи?

$('canvas').live('drag dragstart dragend', function(e) {
      //Color
      var color = '#000000';

    var offset, type, x, y;
    type = e.handleObj.type;
    offset = $(this).offset();
    e.offsetX = e.layerX - offset.left;
    e.offsetY = e.layerY - offset.top;
    x = e.layerX;
    y = e.layerY;
    App.draw(x, y, type, color);
    App.socket.emit('drawClick', {
      x: x,
      y: y,
      type: type,
      color: color
    });

  });

благодаря