Cita:
Iniciado por quebien 
La verdad no entiendo porque le tengo que poner position:relative al elemento superior. Pero con el tiempo que me llevo no me voy a quedar con la duda y voy a averiguarlo.
Es fácil: un elemento con posición absoluta se colocará con arreglo a unas coordenadas (top, right, bottom, left), y lo hará en base a su contenedor que tenga posición relativa o absoluta, y si ninguno de sus ancestros la tiene, con respecto al HTML.
Osea: si una caja tiene posición relativa, sus hijos con posición absoluta se colocarán con arreglo a las coordenadas con respecto a ella.