Значения z-index работают не так, как должны - под ними отображается элемент z-index 50

Question

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

На желтых полосках бумаги, которые вы видите, есть этот набор:

.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;
}

И div, содержащий его, .listing_icons, является просто универсальным выражением float: left, position: относительный DIV с z-индексом всего 10.

Как получилось, что желтые полосы попали под .listing_icons с правой стороны?

Answer 1

Установите z-index всех grid_8 alpha listing_gallery_icon на левой стороне на 11.

Answer 2

Просто удалите z-index из .listing_gallery_icon:

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

Answer 3

Это потому, что div справа не относится к ноте слева.

попробуйте установить правильное значение: -120px; до 0. Это желаемый эффект?