[NTLUG:Discuss] OT- JavaScript question

[Kevin Lee]

On Thu, Apr 2, 2009 at 2:54 PM, Dan Wright - SPCA of Texas <dwright at spca.org
> wrote:

>
> OT question thanks for any help but I'm kind of stuck here....
>
> I'm no web programmer and I've managed to get myself in a bind.  I'm
> using two instances of JavaScript on one page and am having issues with
> the way they interact with each other.
>
> Example: http://www.spca.org/site/PageServer?pagename=0309_NEW_homepage
>
> The dropdown menu is disappearing behind the content scroller.
>
> I've played with the Z-index of both css files to no avail and am hoping
> that someone can give me some tips on what I can do to fix this issue.
>
> :)
>
> thanks
> Dan
>
> _______________________________________________
> http://www.ntlug.org/mailman/listinfo/discuss
>


Looks like you were on the right track. You'll need to add a z-index
property to the id selector "#nav li ul" in menu.css. Make sure it has a
higher z-index than the inline sytle specified for contentdiv

...
#nav li ul {
background: white;
position: absolute;
 left: -999em;
height: auto;
width: 150;
 w\idth: 13.9em;
font-weight: normal;
border-width: 6;
 margin: 0;
text-align:left;
       z-index: 2;
}
...

Should do the trick.