Div Layer Problem

Hi,
I need some help with layers.

I need 2 exactly overlapping layers (one with an Image & one with dynamic text). Both horizontally center aligned.

The problem is that if the screen resolution changes, the height of the DIV with text increases. But the layer with image remains the same.
This results in dis-alignment.

Pls help how to code a cross-browser, center aligned, overlapping layers.
I think the followuing shoudl sove the problem, thou I am not sure if this is possible.

Once the layer with dynamic content is created, try to get its size & then dynamically create the image layer of that dimension.

PLs help.
Thx
Vai

Just to give a better understanding, I have created a test page here: http://vaibhavs.50megs.com/test3.htm.

Problems:
(1) The page over scrolls

(2) If more text on the lower layer is added, it will move down, whereas the top layer with an image will still remain the same size. I need the top layer (with image) to dynamically resize itself such as to completely cover the lower layer.

Look forward to some help. Thx in advance.
Vai