title: DIV above iframe
body: <p>I want to place a "PLAY" div above each iframe. I want to do it automatically.</p>
  
  <p>I manage to do that manually but I don't know how to do it with a script , or with css.</p>
  
  <p>Here is my HTML markup : </p>
  
  <pre><code>&lt;ul data-role="listview" id="resultat"&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>And my Javascript code : </p>
  
  <pre><code>$('#resultat').append('&lt;li class="liste" &gt;&lt;iframe id="ytplayer" type="text/html" width="140" height="100" src="http://www.youtube.com/embed/RD98kNOBrNs?hd=1&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;wmode=opaque" frameborder="0"/&gt;&lt;/li&gt;').listview("refresh");
  </code></pre>
  
  <p>I'm using z-index and position attributes to place my div manually above the iframe, but I don't think it's a good idea to do it automatically.</p>
  
  <p>Thanks</p>