superfish drop-down displaying underneath text of another div

Question

I had a problem with the drop-down menu displaying behind a div, but that is fixed, now it is being overlapped by the text of another div:

This only happens in IE7, I imagine it does in IE6 as well, but did not test in IE6.

I set the z-index of the div's it drop-downs over to z-index:1; and the z-index of the drop-down is set to 2.

Works fine in google chrome and firefox.

Any help is appreciated.

Answer 1

Try to add

position: relative;

To your "Activity Wall" div.

z-index attribute won't work if your selector isn't positionned.

And the reference is here

Answer 2

Your problem may be attributable to your page elements not having layout. This is an odd issue with versions of Explorer. The linked article has more in-depth information, but try adding a height parameter to your page elements if possible, and see if that fixes it.