Hopefully this is in the right section.. I'm having trouble with a jQuery login box i created for s2member pro within WordPress, on my homepage. Everything works great except for the fact that the div that contains my form covers everything, EXCEPT for the menu links. Here is a picture of what I'm talking about: http://i.imgur.com/h9Dg06o.png All of the code for the box is within the header. The z-index of the top div on my login box is set to 1, and all the ones under that are 2, 3 and so on... so I thought it would cover everything. I tried to set a low z-index of the div that contains all of the menu links, but with no success. I can post code snippets if need be. Any help with this would be greatly appreciated!
Works perfectly, thanks!. How does setting the z-index to a number such as this rather than 1, force the div on top?
Z-INDEX is used to align divs like layers, most of jQuery popups already using values less than 100 your menu was also using something that forcing it to take higher place than your login popup. so just test via Firebug and try changing values unless you find the right position for your div