<div>
You also have an extra closing &lt;/div&gt; tag somewhere, possibly near the end of the page. That could cause issues too.
</div>


You also have an extra closing </div> tag somewhere, possibly near the end of the page. That could cause issues too.

<div>
Did you get an answer for your question? Please let me know, I am also facing the same issue.
</div>


Did you get an answer for your question? Please let me know, I am also facing the same issue.

<div>
<div class="content wysiwyg-content">
I am working on this site: <a href="http://capitalsoccer.net/" rel="ugc">http://capitalsoccer.net/</a>&nbsp;and I am using a dropdown plugin and the jquery cycle plugin.<br />
<br />
The dropdowns are appearing under the images when they rotate. I added z-index:999<br />
<br />
.sf-menu ul {<br />
&nbsp; &nbsp; &nbsp; position: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;absolute;<br />
&nbsp; &nbsp; &nbsp; z-index: 999;<br />
&nbsp; &nbsp; &nbsp; top: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-999em;<br />
&nbsp; &nbsp; &nbsp; width: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;10em; /* left offset of submenus need to match (see below) */<br />
}<br />
<br />
But that didnt seem to work. The images after page load have a z-index of 5 so the images should be below the dropdowns. Any ideas?<br />
<br />
I have also tried this bug fix and nothing yet: <a href="http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/" rel="ugc">http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/</a><br />
<br />
Thanks,<br />
<br />
Ryan
</div>
</div>


I am working on this site: http://capitalsoccer.net/ and I am using a dropdown plugin and the jquery cycle plugin.

The dropdowns are appearing under the images when they rotate. I added z-index:999

.sf-menu ul {
      position:            absolute;
      z-index: 999;
      top:                  -999em;
      width:                  10em; /* left offset of submenus need to match (see below) */
}

But that didnt seem to work. The images after page load have a z-index of 5 so the images should be below the dropdowns. Any ideas?

I have also tried this bug fix and nothing yet: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/

Thanks,

Ryan

Z-index issue with dropdowns and rotating images - IE7

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.

Web Languages and Standards

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.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.