jQuery / CSS Offset + мышиный вопрос

Question

Демо: http://jsfiddle.net/H45uY/6/
Я пытаюсь сделать так, чтобы верхний левый угол <div> следовал за мышью. Код работает без абзаца (см. Демонстрацию выше), но когда вы добавляете абзац, <div> поднимается вверх, а мышь находится на полпути вниз по краю поля. Почему параграф делает это?
Спасибо!

Answer 1

Если вы удалите - offset.top и - offset.left, это будет работать в каждой позиции

Демонстрация скрипки

Answer 2

добавьте вверху: 0 и слева: 0 к стилю div

Answer 3

Вам не нужно вычитать смещение.

$div.css({
    top:event.pageY,
    left:event.pageX
})

Это поместит поле в положение мыши.