z-index values not working the way it should - z-index 50 item shows up underneath

http://new.michaellane.com/listing-gallery.php

The yellow strips of paper you se开发者_如何转开发e there have this set:

.listing_specs {
    width:230px;
    height:140px;
    background-image:url('/images/featured_listing_specs.png');
    background-repeat:no-repeat;
    color:#836637;
    padding-top:10px;
    position:absolute;
    top:120px;
    right:-120px;
    z-index:50;
}

And the div that contains it, .listing_icons, is just a generic float:left, position:relative DIV with a z-index of only 10.

How is it that the yellow strips come underneath the .listing_icons on the right hand side?

Set z-index of all the grid_8 alpha listing_gallery_icon on the left side to 11.

Just remove the z-index from .listing_gallery_icon:

.listing_gallery_icon {
  position:relative;
  /*z-index:10;*/
}

Its because the div on the right its not relative for the note on the left.

try setting the right:-120px; to 0. Is that the desired effect?