Dropdown menu doesnt overlapping with the container div
<p>I start to make an web page and i meet a problem: my iframe in which i wanna put my content is overlapping the menu. My menu works fine till now, when i put this iframe</p>

<pre><code>&lt;div id="content"&gt;
      &lt;iframe name="content" frameborder="0" style="overflow: hidden; height: 100%; width: 100%; position: absolute;" height="100%" width="100%" seamless="seamless"&gt;&lt;/iframe&gt;
&lt;/div&gt;
</code></pre>

<p>and the CSS for this is: </p>

<pre><code>#content{
    margin-top:77px;
    margin-left:-10px;
    position:absolute;
        }
</code></pre>

<p>What is wrong? i take all of the elements from this website and i doesn't know where i am doing wrong. The menu is working without the div so i think that the div is problem. Announce me if you need more details.</p>