En el caso de que más de un elemento utilice un mismo espacio dentro de unas coordenadas por posicionamiento absoluto se mostrará por encima el elemento que se haya definido en último lugar dentro del código fuente.
Si quieres alterar ese orden debes usar la propiedad z-index de css, que establece el orden de apilamiento sobre el eje z (profundidad)
<div id="pepe1" style="position: absolute">pepe1</div>
<div id="pepe2" style="position: absolute">pepe2</div>
Ahí pepe2 se mostrará parcialmente por encima de pepe1, porque pepe2 se definió despúes de pepe1. Si quieres cambiar este orden sin definir primero pepe2 se les asigna el z-index
<div id="pepe1" style="position: absolute;z-index:2"> pepe1</div>
<div id="pepe2" style="position: absolute;z-index:1"> pepe2</div>
El valor más bajo quedará por debajo
