title: Display nav over an iframe
body: <p>I have a simple question but I'm just starting to learn HTML/CSS.
  I want to display an iframe in full screen, which I can do, but I also want to display my nav menu over it.</p>
  
  <p>My html looks like this :</p>
  
  <pre><code>&lt;body&gt;
       &lt;nav&gt;
           (menu items)
       &lt;/nav&gt;
       &lt;iframe src="http://xx.xx.xx.xx/" style="border: 0; width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px;"/&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The problem is that I can only see the nav menu before the iframe loads, then it disappears below the iframe.</p>
  
  <p>How could I display it on the top ? (like this : <a href="http://puu.sh/kK6Eu/e55531777f.png" rel="nofollow">http://puu.sh/kK6Eu/e55531777f.png</a>)</p>
  
  <p>Thanks. (sorry for my english, I'm french) </p>