title: layer over embedded pdf in IE9 and FF
body: <p>I've got a problem with positioning a layer over a embedded pdf in IE9 and FF (Chrome and safari works). The layer I want to position over the layer is in IE9 and FF behind the embedded PDF, z-index doesnt work for it.</p>
  
  <p>Is there a workaround, hack, fix or anything that fix my problem?</p>
  
  <p>EDIT</p>
  
  <p>I tried the following:</p>
  
  <pre><code>&lt;div id="pdf"&gt;&lt;embed id="pdfEmbed" src="file.pdf" height="100%" width="100%" type="application/pdf"&gt;&lt;/embed&gt;&lt;/div&gt; 
  &lt;div id="layer_over_pdf"&gt;some content&lt;/div&gt;
  </code></pre>
  
  <p>Both layers with position relative with z-index to sort the layers</p>
  
  <p>I also tried to position an empty Iframe over the embedded pdf. This worked but the problem in IE9 is that the Iframe is not transparant (only the part that falls over the embedded pdf is not transparent but the part of the iframe that falls out of the embedded pdf is transparant, very strange).</p>