Dropdown menus appear behind content in the div below even if z index is set higher.
CSS based dropdown menus viewed in IE7
This occurs when the div containing the menu is separate from the div containing the content below. IE7 resets the z index for the separate divs. Adding “position: relative;” to both and a zindex to the div containing the menus that is higher thatn that for the content div will solve this.
/*Set zindex of first div to be higher than div below so that
all zindex statements for elements in the first div are respected.