/*** ESSENTIAL STYLES ***/ #main-menu, #main-menu * { margin: 0; padding: 0; list-style: none; } #main-menu { line-height: 1.0; } #main-menu ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ } #main-menu ul li { width: 100%; } #main-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #main-menu li { float: left; position: relative; } #main-menu a { display: block; position: relative; } #main-menu li:hover ul, #main-menu li.sfHover ul { left: 0; top: 3.8em; /* match top ul list item height */ z-index: 99; } ul#main-menu li:hover li ul, ul#main-menu li.sfHover li ul { top: -999em; } ul#main-menu li li:hover ul, ul#main-menu li li.sfHover ul { left: 15em; /* match ul width */ top: 0; } ul#main-menu li li:hover li ul, ul#main-menu li li.sfHover li ul { top: -999em; } ul#main-menu li li li:hover ul, ul#main-menu li li li.sfHover ul { left: 15em; /* match ul width */ top: 0; }