title: Overlay background images in the same div tag
body: <p>Is there a way to overlay/overlap two or more images using one div only? I wanted something like this in my css:</p>
  
  <pre><code>#nice_container {
      background: url('nice_background.jpg') repeat-y z(0);
      background: url('nice_logo.jpg') top left no-repeat z(1);
  }
  </code></pre>
  
  <p>Where z(#) would be the z-index, then I would just use a nice <code>&lt;div id="nice_container"&gt;...&lt;/div&gt;</code></p>
  
  <h2>EDIT</h2>
  
  <p>Thanks for the quick answers! <a href="https://stackoverflow.com/a/10115887/1326147">Here's the solution</a>.</p>