:: antes y :: después de la posición absoluta actuando como posición fija

Así que estoy tratando de posicionar mi pseudo elemento con posición absoluta, pero en cambio, está actuando como si su padre fuera otra cosa.

<!DOCTYPE html>
<html>
<head>
<style>
p::after { 
content: " - Remember this";
position: absolute;
top: 0;
}
</style>
</head>
<body>

<div style="position: absolute; top: 50px; left: 50px; border: 1px solid 
black;">
<p>My name is Donald</p>
<p>I live in Ducksburg</p>

<p><b>Note:</b> For this selector to work in IE8, a DOCTYPE must be declared, 
and you must use the old, single-colon CSS2 syntax (:after instead of 
::after).</p>
</div>

</body>
</html>

obtuve eso de w3school + algo de edición, porque necesitaba estar seguro de que no fue solo mi html lo que causó esto.

Lo que quiero es que los pseudo elementos usen la etiqueta p como padre y no el div

Respuestas a la pregunta(2)

Su respuesta a la pregunta