#menu-main { background: none repeat scroll 0 0 #000; font-size: 0.8em; height: 30px; text-align: left; margin-top: -20px; } .menu, .menu * { margin: 0; padding:0; list-style: none; } .menu { width: 100%; line-height: 1.0; } .menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .menu ul li { width: 100%; } .menu li { float: left; height: 30px; position: relative; background: none repeat scroll 0 0 #000; background: linear-gradient(to right, #000 50%,#333 100%); border-right: 1px solid #ddd; } .menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .menu li.selected, .menu li.current-cat, .menu li.current-cat-parent, .menu li.current_page_item, .menu li.current_page_parent, .menu li.current_page_ancestor { background:#ccc; } .menu li li { height: auto; background: #ddd; } .menu li:hover, .menu li.wpm-hover, .menu a:focus, .menu a:hover, .menu a:active { text-decoration: none; background: #aaa; outline: 0; } .menu li.right { float: right; } .menu li.right a, .menu li.right form { border-left: 1px solid #ddd; border-right: 0; } .menu a { display: block; position: relative; border: 0; padding: .75em 1em; text-decoration: none; } .menu a, .menu a:link, .menu a:visited { color: #fff; } .menu li li a { border: 0; padding: .75em 1em; text-decoration: none; border-top: 1px solid #AF0917; border-bottom: 1px solid #fff; } .menu li li a, .menu li li a:link, .menu li li a:visited { color: #444; } .menu li:hover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.menu li:hover li ul { top: -999em; } ul.menu li li:hover ul { left: 10em; /* match ul width */ top: 0; } ul.menu li li:hover li ul { top: -999em; }