title: Make the image inside a div appear behind its div background
body: <p>I have a div that has background that is partly transparent with a watermark. Inside of the div I'm calling an image but I want that image to appear behind the background of the div so I can have the watermarked transparent div background appear over the image. Is that possible? Here's the css that I have that isn't working...</p>
  
  <pre><code>.artist-container {
  background:url(images/artist-back.png);
      width:310px;
      height:376px;
      margin-left:-9px;
      z-index:331;
      position:relative;
  }
  .artist-container img {
      width:300px;
      height:300px;
      margin-left:5px;
      z-index:330;
      position:relative;
  }
  </code></pre>