Z-Index不适用于相对分区

Question

我有一个有背景图像的div，我将它们设置为相对于高z-index定位。其中有四个，应该在好的例子here下看到它们。但是，他们没有出现在文档中，我猜是因为存在堆叠问题

我的HTML代码

<div id="white_house" class="ext_image"><a href="http://www.whitehouse.gov" target="_blank"><div class="view_site"></div></a></div>

<div id="abc" class="ext_image"><a href="http://www.abc.com" target="_blank"><div  class="view_site"></div></a></div>

<div id="quartz" class="ext_image"><a href="http://www.qz.com" target="_blank"><div class="view_site"></div></a></div>

<div id="usatoday" class="ext_image"><a href="http://www.usatoday.com" target="_blank"><div class="view_site"></div></a></div>

CSS（仅显示一个ID，但适用相同的一般样式）

#ext_image {
position:relative;
z-index:5000;   
}

#white_house{
width:490px;
height:231px;
 background:url('http://webmaster.tsaprotectandserve.com/new_design/images/white_house_website.PNG') no-repeat center;
background-size:100%; 
float:left;
margin-bottom:20px; 
position:relative;
z-index:5000;  
}