<div>
Thank you! Didn't hear of Firebug Lite, you legend!
</div>


Thank you! Didn't hear of Firebug Lite, you legend!

<div>
For the record, it was a layout issue. The drop-down was inside the top navigation bar. IE7 had an issue understanding this.<br />
<br />
&lt;did id=&quot;navbar&quot;&gt;<br />
&nbsp;&lt;!-- menu --&gt;<br />
&nbsp; &lt;div id=&quot;dropdown&quot;&gt;&lt;/div&gt;<br />
&lt;/div&gt;<br />
<br />
After I relocated it outside the nav bar, all roses!<br />
<br />
Thanks again :o)<br />

</div>


For the record, it was a layout issue. The drop-down was inside the top navigation bar. IE7 had an issue understanding this.

<did id="navbar">
 
  <div id="dropdown"></div>
</div>

After I relocated it outside the nav bar, all roses!

Thanks again :o)

<div>
<div class="content wysiwyg-content">
Hi Experts,<br />
<br />
I am having a difficult time trying to fix a drop-down issue using jQuery and IE7. I am a seasoned developer with in-depth knowledge of CSS and and XHTML only, the debugger in IE's development tool isn't showing up CSS styles for some reason. So I turn to you...<br />
<br />
I'm currently preparing the site on-line so you can take a look at the issue - there are some other cross-browser problems but these are in hand.<br />
<br />
The Problem:<br />
<br />
On our top navigation dropdown is floating behind the content as displayed in the screenshots attached. As mentioned this problem only exists in IE7.<br />
<br />
Can you help please? Is this a known bug??<br />
<br />
Thank you<br />
<br />
&nbsp;<a href="https://filedb.experts-exchange.com/incoming/2010/10_w43/360490/screenshot-upDrop.jpg" target="_blank" title="Before Dropdown in IE7 (95 KB)"><img alt="Before Dropdown in IE7" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2010/10_w43/800_360490/screenshot-upDrop.jpg" /></a> <a href="https://filedb.experts-exchange.com/incoming/2010/10_w43/360491/screenshot-downDrop.jpg" target="_blank" title="After Dropdown in IE7 (144 KB)"><img alt="After Dropdown in IE7" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2010/10_w43/800_360491/screenshot-downDrop.jpg" /></a> <a href="https://filedb.experts-exchange.com/incoming/2010/10_w43/360492/screenshot-correctDrop.jpg" target="_blank" title="How it looks in Firefox (108 KB)"><img alt="How it looks in Firefox" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2010/10_w43/800_360492/screenshot-correctDrop.jpg" /></a>
</div>
</div>


screenshot-correctDrop.jpg

screenshot-downDrop.jpg

screenshot-upDrop.jpg

Hi Experts,

I am having a difficult time trying to fix a drop-down issue using jQuery and IE7. I am a seasoned developer with in-depth knowledge of CSS and and XHTML only, the debugger in IE's development tool isn't showing up CSS styles for some reason. So I turn to you...

I'm currently preparing the site on-line so you can take a look at the issue - there are some other cross-browser problems but these are in hand.

The Problem:

On our top navigation dropdown is floating behind the content as displayed in the screenshots attached. As mentioned this problem only exists in IE7.

Can you help please? Is this a known bug??

Thank you

   

jQuery Dropdown Issue - IE7 only

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

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.