static定位与relative定位 覆盖层次的差别

position的默认值是静态static，其与相对定位relative都将内容保持在文档流中，但却有些不同，如下方例子所示（chrome与IE8我都试过，表现一致，应该不是浏览器的关系）：

相对定位的元素覆盖表现：
"A.."的是相对定位元素，"1A.."与"2A.."分别是其之前与之后的p元素

中间段落因为负的margin-top上移后，相对定位的元素背景会覆盖文档流之前的元素，然而，静态定位的元素似乎有两个层次，内容与背景分别覆盖文档流之前的元素，且内容都在背景之上。

我很困惑，为什么静态定位的元素会表现出这种覆盖模式，而不是与相对定位的一样呢？
如果有权威一点比较原理层面的解答就更好了，烦请各位前辈予以解答，谢谢
附代码：

相对定位部分的代码：

<p style="background:lightblue">1A set of screening conditions for initial experiments</p>
<p style="position:relative; margin-top:-30px; 
background-color: yellow;">
A set of screening conditions for initial experiments</p>


<p style="color:palevioletred">2A set of screening conditions for initial experiments</p>

静态定位部分的代码：

<p style="background:lightblue">1A set of screening conditions for initial experiments</p>



<p style="position:static; margin-top: -30px; 
background-color: gray; color: aliceblue;">
A set of screening conditions for initial experiments</p>



<p style="color:palevioletred">2A set of screening conditions for initial experiments</p>