title: Position absolute div displays below PDF file
body: <p>I have an iframe which has a PDF document. I also have a div that I want to display over that PDF file.</p>
  <p><strong>HTML CODE</strong></p>
  <pre><code>&lt;iframe width=&quot;200&quot; height=&quot;200&quot; src=&quot;abc.pdf&quot; style=&quot;border:1px solid #000&quot;&gt;&lt;/iframe&gt;
  &lt;div style=&quot;width:200px; height:50px; border:1px solid #000; background:red; position:absolute; top:60px; left:60px&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>In Mozilla, this div is displayed properly over a PDF document. But in IE(8, 9, 10) it is displayed below PDF.</p>
  <p>Please let me know if I can do something about it.</p>
  <p>Fiddle: <a href="http://jsfiddle.net/audetwebdesign/Q6nF6/" rel="nofollow noreferrer">http://jsfiddle.net/audetwebdesign/Q6nF6/</a></p>