[jQuery] superfish z-index problem with ie7
Hi,
I'm trying to put a superfish menu online, and i have issues with IE 6
and 7..
it's visible on this site :
http://www.voyagemotion.com/
but, it's in the members area.. so, i'll try to give the concerned code,
here..
i'm using jquery 1.2.3, hoverIntent, and then call superfish.. I've not
tried to add bgiframe, as i think it's only for IE6, and my problem is
also with IE7...
i've fixed the z-index of all the column that should be under to 1, but
it doesn't change anything.. the menu appears under the rest of the page..
here is my container definition :
#user_log
{
position:static;
float:right;
margin-right:15px;
margin-top:15px;
color:#646569;
width:150px;
text-align:center;
}
the html code :
<div id="user_log">
<span style="font-weight:bold;display:block;width:100%;text-align:center;">
Bienvenue Vince <br /><span
style="font-weight:normal;font-size:9px;">(<a
href="/Mon-Carnet-de-Voyage/logout.php">Déconnexion</a>)</span>
</span><br />
<ul class="nav">
<li><a href="#" style="font-weight:bold;font-size:13px;">Menu</a>
<ul>
<li><a href="/Medias/user.php?user_id=63">Consulter mes
médias</a></li>
<li><a href="/Mon-Carnet-de-Voyage/">Uploader des médias</a></li>
<li><a href="/Mon-Carnet-de-Voyage/tous_mes_medias.php">Editer mes
médias</a></li>
<li><a href="/Mon-Carnet-de-Voyage/deleteMedias.php">Supprimer des
médias</a></li>
<li><a href="/Mon-Carnet-de-Voyage/carnets.php">Organiser mes
médias</a></li>
<li><a
href="/Mon-Carnet-de-Voyage/profil.php?height=400&width=700&TB_iframe=true&KeepThis=true"
class="thickbox">Editer mon profil</a></li>
<li><a href="/">Retour à l'accueil</a></li>
</ul>
</li>
</ul>
</div>
And my superfish.css
/* There is a version of this file commented in great detail for
educational purposes here:
*
http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
*/
/*** ESSENTIAL STYLES ***/
.nav, .nav * {
margin:0;
padding:0;
list-style:none;
}
.nav {
line-height:1.0;
}
.nav ul {
position:absolute;
top:-999em;
width:150px;
height: 30px;
}
.nav ul li,
.nav a {
width: 100%;
}
.nav li {
float:left;
position:relative;
z-index:99;
}
.nav a {
display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
left:-1px;
top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
left:150px;
top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
top: -999em;
}
/*** ORIGINAL SKIN ***/
.nav {
/*float:left;*/
margin:auto;
margin-bottom:1.5em;
width:150px;
height: 30px;
}
.nav li {
background:#FFFFFF;
background-image: url(/images/CSS/fd-menu0.gif);
border-left:1px solid #fff;
border-top:1px solid #CFDEFF;
width:150px;
}
.nav a {
color: #13a;
padding: .75em 0;
text-decoration:none;
text-indent: 5px;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
background:#e7e7e7;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li {
background:#FFFFFF;
background-image: url(/images/CSS/fd-menu.gif);
}
.nav li li li {
background:#9AAEDB;
}