Search code examples
htmlcsssuperfish

superfish drop-down displaying underneath text of another div

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:

alt text http://cl.ly/d9bd4af6e533bbce8cdf/content

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.

Solution

  • 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