title: iframe z-index dropdown menu
body: <p>Due to the structure of my website, I am forced to use a iframe to display the dropdown menu html file. if not, I am not able to see the dropdown in IE. Here is the code I am using:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;iframe id="a"name="FRAMENAME" src="http://website.com/dropdown.html" 
  width="1000" style="position:relative" background="#F3F0ED" style="z-index:10000" 
  height="40" frameborder="0" scrolling="no" allowautotransparency=true&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Now the problem is that the dropdown is hiding behind the other images on the website. I have specified <code>position:relative and z-index:10000</code> but I cannot get it to overlap on the images. The z-index of these images is much less than 10000. Any suggestions please?</p>