Problema: Bloque que no se recentra al redimensionar la ventana
 

Hola,

Tengo un problema con Internet Explorer.
Mis páginas están formadas de la siguiente forma:
cabecera
subcabecera
contenido
pie

Todo está centrado desde el body en la pantalla.

En subcabecera necesito meter una imagen y encima un texto. La imagen no puede ser background, pues debe redimensionarse al aumentar la fuente. Así que dentro de subcabecera declaro un div con position:relative y dentro de ese otros dos divs con position absolute para la imagen y otro para el fondo. Les doy el z-index adecuado y todo funciona muy bien.

Pero al redimensionar la ventana, todo lo que estaba centrado, se vuelve a centrar con el nuevo tamaño, menos la capa que tiene posicionamiento relativo, que no se mueve de donde estaba. Haciendo que se descuadre todo.

¿Alguien sabe como solucionar este problema? Estoy seguro que es un problema típico y que debe haber alguna solución

1- no te recomiendo que uses position absolute, tra muchos porbelmas especialmene con IE.

2- desconcosco por que no puedes usar background con repeat..

3-recuerda que tienes que tener un position:relative y dentro un absolute para que se base de el relative como 0px y asi trabajas desde un punto del documento y no desde la vetana.

Bueno, te pongo un poco en antecedentes mis restricciones:

No puedo usar imágenes como background y repeat, porque por requisitos todas las imágenes deben crecer al crecer la fuente. Todo el site usa em como medida. Por eso no puedo usar background, ya que estos no crecen. Además, las imágenes que hay debajo del texto no se pueden "repetir".

Por otro lado, no usaría position:absolute a no ser que fuera necesario, pero no se me ocurre otra forma de hacer esto.

Te lo vuelvo a confirmar: las capas absolutas están referidas a una capa relativa que las contiene. Para más datos, todas las capas tienen ancho y alto, especificado en em.

Pero al redimensionar, internet Explorer no lo hace bien.