I've got two flash images, one for a background and one animation. I've put them both in layers. The background is relative and centers nicely. But I can't seem to get the second layer to center properly overtop the other. When I change its style to "relative" it centers below the background. "Absolute" keeps it layered overtop, but it won't center.

Any suggestions how to accomplish this? I want it to center no matter how large the internet window stretches, so it can't be fixed in one place. Please help.

This is the code used for the top layer:

div id="Layer2" style="position:absolute; width:200px; height:115px; vertical-align:center; z-index:2; left:0px; top: 0px;" align="center"

that's kinda a wierd situation why don't you put the bottom in a table the trow your layer on top?