title: z-index example on jsfiddle not working, absolutely baffeling
body: <p>Everything looks like it was done correctly. The 'Loading Image' is supposed to have a lower z-index (be behind of) the image. Why it is not working is beyond me it all looks ok to me.</p>
  
  <p>Have a go at it: <a href="https://jsfiddle.net/yjwxdmw3/" rel="nofollow">https://jsfiddle.net/yjwxdmw3/</a></p>
  
  <pre><code>&lt;div class='img_container' style="position:absolute;left:-100px;top:240px;z-index:1000;"&gt;
  &lt;div id='loader_container' style='position: absolute;text-align: center;top: 40%;width: 100%;'&gt;
  &lt;div id='loader' style='background-color: #ffffff;border: 1px solid #6a6a6a;color: #000000;font-family: Tahoma,Helvetica,sans;font-size: 10px;margin: 0 auto;padding: 10px 0 16px;text-align: left;width: 135px;z-index: 1001;'&gt;&lt;div align='center'&gt;Loading image...&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;img style='z-index:1002;' id='imageToggleDef' src='http://cdn.instructables.com/FEB/Q2RO/H9G190RM/FEBQ2ROH9G190RM.LARGE.jpg' /&gt;&lt;/div&gt;
  </code></pre>