Absolutes and Z-Index

I don’t have a lot of time to detail this out, perhaps at a later date.  But today I was faced with a problem where IE6/7 were displaying an absolutely positioned element underneath another element.  I messed with the z-index a bit, trying to see if something simple like that could fix the problem.  When it didn’t, I took a different approach and moved the absolutely positioned div around inside my HTML.

To my surprise, placing the div closer to the body tag, as opposed to buried within levels of divs, if you will, made the absolutely positioned div show up on top of everything.  A handy tip to know when troubleshooting z-index scenarios.