<div>
Apparently this has changed in IE7 (select as a windowless element):<br />
&nbsp; <a href="http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx" rel="ugc">http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx</a><br />
Also see this:<br />
&nbsp; <a href="http://support.microsoft.com/kb/177378/en-us" rel="ugc nofollow">http://support.microsoft.com/kb/177378/en-us</a>
</div>


Apparently this has changed in IE7 (select as a windowless element):
  http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx [http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx]
Also see this:
  http://support.microsoft.com/kb/177378/en-us [http://support.microsoft.com/kb/177378/en-us]

<div>
Have a look at this workaround and see if it helps:<br />
<a href="http://xlib.wordpress.com/2006/04/12/bug-fix-select-box-displayed-through-dynamic-div-in-internet-explorer/" rel="ugc">http://xlib.wordpress.com/2006/04/12/bug-fix-select-box-displayed-through-dynamic-div-in-internet-explorer/</a>
</div>


Have a look at this workaround and see if it helps:
http://xlib.wordpress.com/2006/04/12/bug-fix-select-box-displayed-through-dynamic-div-in-internet-explorer/ [http://xlib.wordpress.com/2006/04/12/bug-fix-select-box-displayed-through-dynamic-div-in-internet-explorer/]

<div>
Awesome, Thanks. I just use visiblity='hidden' to hide the select menu when showing the overlay. 
</div>


Awesome, Thanks. I just use visiblity='hidden' to hide the select menu when showing the overlay.

<div>
<div class="content wysiwyg-content">
This problem happens in IE only, not in Firefox.<br />
<br />
On a web page I'm building, I have a dropdown menu (dynamically created), and a hidden DIV (300px wide and 50px high).<br />
<br />
When the user clicks a button, the hidden div display style is set to &quot;inline&quot;<br />
<br />
The div appears, covering everything below it, except for the dropdown menu. <br />
<br />
I've posted two screenshots:<br />
<br />
<a href="http://www.aaronkarp.com/files/before_overlay.png" rel="ugc">http://www.aaronkarp.com/files/before_overlay.png</a><br />
<a href="http://www.aaronkarp.com/files/after_overlay.png" rel="ugc">http://www.aaronkarp.com/files/after_overlay.png</a>
</div>
</div>


This problem happens in IE only, not in Firefox.

On a web page I'm building, I have a dropdown menu (dynamically created), and a hidden DIV (300px wide and 50px high).

When the user clicks a button, the hidden div display style is set to "inline"

The div appears, covering everything below it, except for the dropdown menu. 

I've posted two screenshots:

http://www.aaronkarp.com/files/before_overlay.png
http://www.aaronkarp.com/files/after_overlay.png

DIV overlay problems in IE

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.