Drop down menu hiding underneath marquee  (CSS)

Posted on 2007-10-02
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
    LVL 30

    Accepted Solution

    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

    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

    your welcome

    Featured Post

    Find Ransomware Secrets With All-Source Analysis

    Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

    Join & Write a Comment

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
    HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

    746 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

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now