title: How to set background image to display before the content of img tag?
body: <p>I've a div and inside the i place a image using img tag</p>
  
  <p>and in the stylesheet, i used a background-image for that div and aligning it center with z-index value 1 ..</p>
  
  <p>And i use another style for img inside that div with the z-index value -100</p>
  
  <p>So i expect the background image to come front of the image.. </p>
  
  <p>I think i'm doing something wrong</p>
  
  <p>My code is</p>
  
  <pre><code>.video-thumb
  {
  height:72px;
  width:120px;
  background:#ffffff;
  background-image:url('http://doamin.com/images/play.png');
  background-repeat:no-repeat;
  background-position:center; 
  padding:4px;
  border:#eceaea 1px solid;
  margin:0 auto;
  z-index:2;
  }
  
  .video-thumb img
  {
      z-index:-100;
  }
  
  &lt;div class='video-thumb'&gt;
  &lt;a href=\"somthing.php\"&gt;
  &lt;img id='thumb' width=120 height=72 src='http://domain.com/image1.jpg'&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>