jQuery/cssオフセット + mousemove質問

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
})

これにより、箱がマウスの位置に配置されます。