title: Overlay a play icon on top of thumbnail with css
body: <p>I trying to overlay a play icon on top of thumbnail with css, but not successful.</p>
  
  <pre><code>&lt;ul class="thumb-grid"&gt;
          &lt;li class="play-icon"&gt;&lt;img src="image.url"/&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>You can see the icon when hovering but can't get the icon to go on top of the thumbnail.
  Does anyone know how? </p>
  
  <p>Here is the <a href="http://jsfiddle.net/Lmmdj2yq/11/" rel="nofollow">Fiddle</a></p>