p { background:#069; color:#fff }
O div pos foi posicionado absolutamente enquanto seu "pai" test não foi posicionado (ou seja, tem posicionamento estático).
O que acontece nesse caso é que pos se posiciona independentemente de test.
Isso costuma ser a fonte de muitos problemas para quem está começando a aprender CSS.
Esse exemplo se refere ao post Posicionamento com CSS: estático, absoluto, relativo e fixo