issue in IE7 with dropdown nav elements going under other elements on the page

**PhxVyper** · 08-12-2010, 03:51 AM

Hi

http://www.l-word.com/internal/redesign/layout.php

In IE7, The dropdown (superfish) items are going under other elements on the page and I cannot figure out how to get it so that they stay on top of everything else on the page.

in IE8, Chrome, and Firefox it looks good.

**jscheuer1** · 08-12-2010, 07:36 AM

Add the highlighted to the head of the page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>L-Word.com</title>
<base href="http://www.l-word.com/internal/redesign/" />
<link href="css/lword_home/lwhp_roundpink.css" rel="stylesheet" type="text/css" />
<link href="css/lword_home/lwhp_roundgray.css" rel="stylesheet" type="text/css" />
<link href="css/lword_home/lwhp_squaregray.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lword_home/lwhp_main.css" type="text/css" media="screen" />
<!--[if IE 7]>	
	<link rel="stylesheet" type="text/css" media="all" href="css/lword_home/lwhp_iestyle.css" />
<style type="text/css">
#header {
z-index: 1;
}
</style>
	<![endif]-->
<!--[if lt IE 7]>
	<link rel="stylesheet" type="text/css" media="all" href="css/lword_home/lwhp_ie6style.css" />
	<![endif]-->

<script type="text/javascript" src="js/jquery . . .

Or add its rule:

Code:

#header {
z-index: 1;
}

to the internal/redesign/css/lword_home/lwhp_iestyle.css file.

Note: This wouldn't even be an issue except that the gradient script makes it (the header div) position relative. Once it does that, its z-index becomes important.

**PhxVyper** · 08-17-2010, 03:22 AM

Worked! Thank you so much, John.

Thread: issue in IE7 with dropdown nav elements going under other elements on the page

Thread Tools

Search Thread

issue in IE7 with dropdown nav elements going under other elements on the page

Bookmarks

Bookmarks

Posting Permissions