Hi,
thanks for your reply. I did as you said, but still no change. The third
level doesn't appear in IE6. Any further insights would be greatly
appreciated. I've pasted the revised css below:
.nav, .nav * {margin:0;padding:0;}
.nav {line-height:1.0;float:left;}
.nav ul {background:#ffffff; /*IE6 needs this*/}
.nav li
{background:#ffffff;float:left;list-style:none;position:relative;z-index:999;}
.nav a {color: #eeeeee;display:block;float:left;padding:.75em 1em .75em
1em;text-decoration:none;width:11.3em;}
.nav li ul {float:none;top:-999em;position:absolute;}
.nav li li:hover, .nav li li.sfHover, .nav a:focus, .nav li li li a:hover,
.nav li li li a.sfHover, .nav li li a:hover, .nav li li a.sfHover
{background:#6a737b;color:#ffffff;}
.nav li:hover ul, /* pure CSS hover is removed below */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, /* pure CSS hover is removed below */ul.nav li
li.sfHover ul {left:13.3em;top:-1px;width:13.3em;}
.nav li li:hover li ul, .nav li li.sfHover li ul {top:-999em;}
.nav li li li:hover ul, /* pure CSS hover is removed below */ul.nav li li
li.sfHover ul {left:13.3em;top:-1px;}
/*following rule negates pure CSS hovers so submenu remains hidden and JS
controls when and how it appears*/
.superfish li:hover ul,.superfish li li:hover ul, .superfish li li li:hover
ul {top:-999em;}
.nav li li
{background-color:#42454a;color:#ffffff;float:none;width:13.3em;border-left:1px
solid #4c5054;border-top:1px solid #4c5054;}
.nav li li li {background-color:#42454a;color:#ffffff;}
.nav li li a {float:none;padding-right:0;width:11.3em;}
.current {color:#4c5054;}
/* quick hacks for IE */
*html .nav li li {margin-bottom:-3px;}
*+html .nav li li {margin-bottom:-3px;}
Olivier percebois-Garve wrote:
>
>
> for each :hover you should have a .sfhover ...
>
>
--
View this message in context:
http://www.nabble.com/Superfish-1.2.1-3rd-level-IE-display-problem-tf4077133s15494.html#a11590343
Sent from the JQuery mailing list archive at Nabble.com.
