How can I adjust the z-index in this situation?

I've got scrolling text happening beneath a pulldown menu. When you click on the pulldown, the scrolling text covers it up.

I'm thinking there's a z-index setting that I can deploy, but I've not come across anything that works.

I have a screen shot of my dilemma attached. My code is also attached.
Screen-shot-2012-04-12-at-8.34.2.png
code.txt
brucegustPHP DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Tom BeckConnect With a Mentor Commented:
You don't have a javascript marquee or a sub menu on that link so there's not much comparison.

I would be able to verify this as a solution if you provided a live link, but I think this will fix it without messing up something else.

#nav {
            margin: 0;
            padding: 0px 0px 0;
            width: 400px;
            height:40px;
            position:relative;
            z-index:300

            }
0
 
brucegustPHP DeveloperAuthor Commented:
stylesheet.cssHere's my spreadsheet...
0
 
Tom BeckCommented:
It appears to be a problem in older versions of IE, older than IE8. That's around 1% usage among browsers worldwide and most of those users are in developing countries. If I am right, then why even worry about it?
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
brucegustPHP DeveloperAuthor Commented:
I guess because my box is using IE8 and I wanted to make sure that if there was someone out there like me, they weren't being denied the opportunity to navigate around my site.

Is it that uncommon?
0
 
brucegustPHP DeveloperAuthor Commented:
Thing is, when I go out to http://www.muscularchristianityonline.com/campus, I'm using the same infrastructure, but the problem doesn't exist. So I'm just trying to figure out what I've done in my development environment that's created the dilemma.
0
 
brucegustPHP DeveloperAuthor Commented:
That did it!

Thanks, Tommy!
0
 
brucegustPHP DeveloperAuthor Commented:
Off the hook!
0
 
Tom BeckCommented:
Glad it worked (and a little surprised that it did not mess up something else). The z-index number is arbitrary. Just as long as it's the highest z-index number on the page. Older versions of IE don't always recognize z-index unless you have position:relative or absolute.

Thanks for the points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.