title: Stuck overlaying a play button ontop of a thumbnail image
body: <p><strong>I'm trying to overlay a play button onto a thumbnail image.</strong></p>
  
  <p>On clicking the image a lightbox appears showing the video (using Colorbox Drupal module).</p>
  
  <p>I've tried wrapping the image in a div called "newvideo" which has the background image of my play button. However I can't seem to get it to show!</p>
  
  <p><strong>The code</strong></p>
  
  <pre><code>&lt;style&gt;
  video {
    max-width: 580px;
  
  .newvideo { position: relative; }
  
  .newvideo a {
     position: absolute;
     display: block;
     background: url(http://www.workbooks.com/sites/default/files/image/play-button-crm-homepage2.png);
     height: 55px;
     width: 57px;
     top: 60px;
     left: 130px;
  }
  
  .newvideo a:hover {
         background: url(http://www.workbooks.com/sites/default/files/image/play-button-crm-homepage-11.png);
  }
  
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>   &lt;div style="display: none;"&gt;
  &lt;div id="id-of-content"&gt;
  &lt;video controls poster="/sites/default/files/image/crm-systems-poster_0.png"&gt;
    &lt;source src="/sites/default/files/image/CRM-Systems-Video.ogv" type="video/ogg"&gt;
    &lt;source src="/sites/default/files/image/CRM-Systems-Video.mp4" type="video/mp4"&gt;
  
    &lt;img src="http://www.workbooks.com/sites/default/files/image/crm-system-image.png" title="CRM System image"&gt;
  
  &lt;/video&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
       &lt;div class="newvideo"&gt;
           &lt;a class="colorbox-inline" href="http://www.workbooks.com/sites/default/files/image/CRM-Systems-Video.mp4?width=580&amp;height=330&amp;inline=true#id-of-content"&gt;
          &lt;img src="http://www.workbooks.com/sites/default/files/image/CRM-Systems-Video.png" title="CRM System image"&gt; &lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Any advice?</p>
  
  <p><strong>Fidde</strong>: <a href="http://jsfiddle.net/8ojo5m88/3/" rel="nofollow">http://jsfiddle.net/8ojo5m88/3/</a></p>