How to put a static div on top of an absolute position div?

Question

I am building a small web application. I have two divs. One is absolute and the other is static. I am trying to position my static div on top of my absolute one, so that it

Answer 1

You could have a second absolutely positioned div to contain your statically positioned elements:

   

      I want this to appear under my static items.
   

   

       
blah
       
yada
       
foo
       
bar
   
           

And your css is

.underlay {
   position: absolute;
   z-index: 0;
}

.item_container {
   position:absolute;
   z-index:10;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.item {
   position: static;
}