Mousemoveはブラウザと画面の互換性に従います

Question

以下のコードは動作していますが、divからの距離はすべての画面/ブラウザで同じではありません。

<script> 
$(document).bind('mousemove', function(e){ 
    $('#try').css({ 
     left: e.pageX -300, 
     top: e.pageY -145 
    }); 
}); 
</script> 

<style> 
#try { 
    position: absolute; 
    float: centre; 
    text-align: left; 
    width: 0px; 
    height: 0px; 
    border: 0; 
    display: inline; 
} 

div { 
    border: 0px solid; 
    text-align: center; 
} 

body { 
    text-align:center; 
} 
</style> 

Answer 1

<style> 
    #try { 
    position: fixed; 
    float: centre; 
    text-align:left; 
    width:0px; 
    height:0px; 
    border:0; 
    display: inline; 

} 

div {border:0px solid;text-align:center;} 

body { text-align:center; } 
    </style> 

位置が固定