for each :hover you should have a .sfhover ...
n00bert wrote:
Hi,
I'm using Superfish, available
http://users.tpg.com.au/j_birch/plugins/superfish/ here . I've added a
"third level" and made the changes given by Joel Birch in answer to
http://www.nabble.com/Help-with-Superfish-drop-down-menu-tf4068599s15494.html#a11561582
this post .
Everything works fine in all browsers except IE6 (have not tested IE7). In
IE6, the "third level" list does not display at all. Can't figure it out.
I've posted my superfish CSS below hoping that someone can help a newbie.
Many thanks.
superfish.css
.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;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 a:hover {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;}
