Overlaying DIVs with z-index
I am trying to overlay a div over my entire page to show a pop-up. The problem is, it won't overlay over the entire page. Here is an approximation of the code: <div style="z-index:902;"> <div style="position: fixed; width: 100%; height: 100%; left: 0; top: 0;"> Overlay </div> Contents of container 1 </div> <div style="z-index:902;"> Contents of container 2 </div> <div style="z-index:902;"> Contents of container 3 </div> The overlay div appears on top of container 1, but the contents of container 2 and 3 appear on top of the overlay. I cannot move my overlay div outside of the container 1, as I