I'm working on a site and to sum it up briefly, a bunch of div layers are inside a container div thats centered. Underneath is a footer div that stretches left/right indefinately.

Thats not really important, but what is, is I want a div layer to overlap the one below it. Reason being so I can have a flash file (with a transparent bg) inserted, and have it overlap the footer div which has a 1px image in it set to repeat.

Trouble is, I cannot for the love of god make it overlap without shifting the position of the footer. Is there some way I can fix the footer into place without it being affected by other going-ons on the page? or anything along those lines?

Cheers.

Why not just set the image as a background image?

<div style="background:URL(your image)">
Your flash here
</div>