How to make a DIV float on top of another DIV without pushing down the CSS Underneath

Please take a look at the following example:

http://jsfiddle.net/MVfVD/

I want the "overlayedFrameFooter" div to be onTOP of the frame,开发者_C百科 in a way where it doesn't add any height to the surrounding items.

Any ideas?

---

Live Demo

• I added position:relative to #frame.
• I added width:100%; text-align:center to #overlayedFrameFooter.
• I changed position:relative to position:absolute on #overlayedFrameFooter.

See here for an explanation of why this works.