El problema que tienes no es con el CSS, sino con la organización de imágenes y el diseño en general.
Mira. La solución rápida sería poner todas esas imágenes en una sola y ponerlas directamente en el html como <IMG>, o como mucho como fondo de un <H1> por ejemplo, o de un <div id="titulo"> si lo prefieres.
La solución mas completa sería la siguiente:
Incluye una caja dentro de otra. A la que sirve de contenedor le pones una de las imágenes y a la caja interior le pones como fondo la que quieres que esté encima.
Olvidate del position:absolute y ese tipo de cosas, que es liar la madeja. Con backgrond-position sobra, y no guarreas el css.
De todas formas sigo pensando que tienes un error serio en el concepto de separación de esas dos imágenes. Te recomiendo hacer una única imagen como fondo de una única caja. O en todo caso, la imagen de base que contenga el borde exterior y las palabras de colores chillones, y otra imagen con el borde interior y su contenido.