Добавление в позиции курсора

Question

Я реализую функцию Drop, которая при добавлении добавляет дочерний элемент в позицию курсора на контейнере. Но элемент немного добавляется от позиции курсора. Ниже моя функция Drop:

drop(event) {
     event.preventDefault();
     var data = document.getElementById(event.dataTransfer.getData("Text"));
     event.target.appendChild(data);
     data.style.position="absolute";
     data.style.left = event.pageX - data.clientWidth / 2 + "px";
     data.style.top = event.pageY - data.clientHeight / 2 + "px";    
    }