title: how to overlay a play button png over a thumbnail image that links to a shadowbox vimeo video
body: <p>how to overlay a play button png over a thumbnail image that links to a shadowbox vimeo video</p>
  
  <p>The shadow box works, thats not the issue. The issue implementing the transparent Play button over the thumbnail</p>
  
  <p>html:</p>
  
  <pre><code>enter code here
  &lt;div class="postsingle"&gt;
  
          &lt;a href="http://player.vimeo.com/video/55138154" rel="Shadowbox" title="demo"&gt;
              &lt;img class="demothumbnail" src="https://secure-b.vimeocdn.com/ts/410/203/410203139_640.jpg" alt="thumbnail image"&gt; 
              &lt;span class="playIcon"&gt;&lt;img src="images\PlayButton.png"&gt;  &lt;/span&gt;
          &lt;/a&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>css:
      .postsingle {
      margin:10px 4px 0 12px;
      border: 2px solid black;
      }</p>
  
  <pre><code>.demothumbnail{
      position: absolute;
      width: 400px; height: auto;
      z-index: 1;
  
  }
  
  .demothumbnail span.playIcon{
      float: auto;
      position:absolute;
       z-index: 0;
  }
  </code></pre>
  
  <p>please help</p>