/*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 20em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 20em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ #custom-admin-menu . li.sfHover ul { left: 0; top: 2em; /* match top ul list item height */ z-index: 99; } #custom-admin-menu {background:#4d4d4d;margin-top:0;position:fixed;z-index:999;} #custom-admin-menu li, #custom-admin-menu li a, #custom-admin-menu li.active-trail a {background:none;height:auto;font-weight:normal;font-size:.9em} #custom-admin-menu li a:hover, #custom-admin-menu li.sfHover {background:#555;text-decoration:none;} #custom-admin-menu a {color:#fff;padding:.5em .8em .8em .8em;text-transform:none;display:block} #custom-admin-menu .sf-menu li.sfHover ul {background:#4d4d4d;margin-top:0} #custom-admin-menu li.sfHover ul li a {border-top:#555 1px solid} #custom-admin-menu h2 {display:none} li.expanded {list-style-image:none;list-style-type:none;}