Texto estático encima de una imagen

[dumpmail]

Hola amigos, traigo una nueva duda.

La vaina es asi:

Yo tengo un sitio web que estoy creando, y tiene una que otra imagen en la que quiero insertarle texto. No estoy utilizando flash, solo PHP -pero mi duda no es de PHP-.

La cuestion es que vi que yo podia insertarle texto a una imagen con un CSS

He hecho esto:

aqui va el recuadro, que va encima de la imagen para ponerle el texto:

Código HTML:

<div id="libreta"></div>
 

y este es el codigo css:

Código CSS:

#libreta {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: 648px;
    top: 441px;
}
 

La cuestión es así:

Si yo hago eso, me funciona y todo de maravilla, pero si yo maximizo o minimizo la ventana, la posición del texto cambia, no se queda estática.

Entonces, probé poniendo:

Código CSS:

position:static;
 

Pero entonces, el texto se me va hacia abajo y ya no queda encima de la imagen, ni lo puedo colocar ni acoplar encima de la imagen...

Esta demás decir que, lo que necesito es que ese recuadro quede encima de la imagen, para que yo escriba un texto y no se vea afectado al maximizar o minimizar la ventana del explorador...

Alguien me ofrece una solución a este problema?


Nota: Probé con Dreamweaver agregando un "objeto de capa" y tiene el mismo efecto del texto no queda estático.

EDITO: No quiero tener como opción agregar de fondo la imagen, porque quiero simplificar las cosas para luego poder editarlas mas rápido.

[kseso?]

El código que proporciona es insuficiente. Tanto el css como html.
No obstante, entre los temas "importantes" y siempre visibles de este foro de css se encuentra una guía de migración realizada por Mikel Morote (aka Mikmoro).
En ella tiene explicado de forma muy clara la propiedad /position/, sus posibles valores y las particularidades de cada uno. Incluidas cuáles son las referencias para su ubicación.

Atentamente