Problema con las capas, imagen debajo y texto encima??

[jjrolevio]

Buenas tardes mi consulta es fácil de explicar.

Tengo una página dividida en dos frames, en el primero sale la cabecera y en el segundo (que es el resto de la página) sale una imágen centrada en la página de un tamaño específico. Mide 400 x 500 px.
Lo que deseo es poner encima de esta imágen un texto html o un formulario o lo que sea, pero que no varíe de posición si se cambia la resolución de la pantalla (que es el problema que tengo con lo que estoy utilizando)

Quiero la imágen y texto encima de ella o lo que sea (siempre en la misma posición, como si fueran 2 capas)

Lo que utilizo actualmente es:

---------------
<div style="position:relative; left:0px; top:0px; z-index:0;">
<img src="imagenes_generales/centro4.jpg" border="0">
</div>

<div style="position:absolute; left:24%; top:24%; z-index:2;">
---------------

Es segundo div es lo que me saca el texto, pero si lo coloco para una resolución, para otra se descoloca.

Espero me podáis ayudar con este tema de capas.

Un saludo.

[ludovico2000]

prueba definiendo la posición de las dos capas de forma similar: en una usas relative y le das la ps en px, y en otra absolute y con %; inténtalo poniendo a las dos absolute o relative y a las dos % o px.