title: Absolutely-positioned elements with the same z-index: which element will be on top?
body: <p>Let's say you have several images in a <code>DIV</code> which are absolutely positioned such that they overlap but with <em>no z-index defined</em>:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>img {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100px;
      height: 100px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="..."&gt;
      &lt;img src="..."&gt;
      &lt;img src="..."&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've noticed that Safari and Chrome will display the <em>last</em> element on top. Is this standard behavior? In other words, is it <em>relatively</em> safe to assume that most browsers will display the last element on top?</p>