• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 216
  • Last Modified:

IE7 not displaying fly-out menus correctly, z-index issue?

My page:

http://www.dbiservices.com/new/deangelobrothersinc

Works great in all browsers, including IE8. Client tells me users with IE7 are showing a problem. Screenshot is attached. I have z-index set already (I think). Any idea what this could be? Thank you!
default.png
0
bbdesign
Asked:
bbdesign
  • 2
1 Solution
 
R-ByterCommented:
Here you go. Replace this classes in you css part:

SPAN.mainlinksfly A {
	PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #e7eeda; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-TOP: 4px; Z-INDEX: 1000; POSITION: relative;
}
SPAN.mainlinksfly A:hover {
	BACKGROUND-COLOR: #d5e2c0; Z-INDEX: 1000; POSITION: relative;
}
div.bodyleft, div.ph_home3 {
	z-index: -1000;
}

Open in new window


Basically you need to set z-index and position to span.mainlinksfly a element and also put lower z-index number and of course position on elements which will be overlaid.

Regards
0
 
bbdesignAuthor Commented:
Fixed. Thank you!
0
 
R-ByterCommented:
You're welcome and thanks for the points.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now