火狐浏览器 overflow:hidden; 对 offsetLeft 产生影响的问题

代码如下：#box 加与不加 overflow:hidden; 对弹窗结果居然产生影响，求问原因。
<style type='text/css'>
*{ margin:0; padding:0;}
#box{
width:300px;
height:500px;
border:1px solid pink;
border-left:200px solid #000;
position:relative;
overflow:hidden;
}
#box p{
position:absolute;
left:50px;
color:red;
}
</style>
<div id="box"><p>p</p></div>
<script>
var obj = document.querySelector('#box p');
alert( obj.offsetLeft );
</script>

相关了解……