[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


Drop down menu hiding underneath marquee  (CSS)

Posted on 2007-10-02
Medium Priority
Last Modified: 2008-01-09
I have a scrolling marquee. when the drop down menu extends, couple of the items gets hidden underneath the marquee container. when i define z-index:-1 then the marquee container disappears on the screen. does anyone have a suggestion for this?
btw. it only happens in IE


this is the definition for the container

            position: relative; left:0px;
            width: 80px; /*marquee width */
            height:100x; /*marquee height */
            background-color: ##A1948C;
            overflow: hidden;
            border: 1px solid orange;
            padding-left: 0px;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
Question by:mileHighBlogger
  • 2
LVL 30

Accepted Solution

Mark Steggles earned 2000 total points
ID: 20001480
Hello mileHighBlogger,

First of all you have no doctype which is a big no no

I hazzard a guess that this is to do with 'stacking context' - an IE phoenomenon.

Does it work when u remove position:relative and the z index from marquee?

If not...

try adding position:relative; and a higher z-index to every part of the menu system.



Author Comment

ID: 20001554
thanks Steggs. The relative positioning was the problem. I had to do some more tweaking in order show correctly on mozilla.
LVL 30

Expert Comment

by:Mark Steggles
ID: 20001568
your welcome

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question