startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i node = navRoot.childNodes[i]; if (node.nodeName=="SPAN") { node.onmouseover=function() {this.className+=" over";} node.onmouseout=function() {this.className=this.className.replace(" over", "");} } } } } window.onload=startList; body { font: normal 11px verdana; } div#nav{ border-left: 1px solid #ccc; } span { margin: 0px; padding: 0px; list-style: none; width: 120px; /* Width of Menu Items */ position: relative; border: 1px solid #ccc; border-left: 0px; } span div span { border: 1px solid #ccc; border-top: 0px; } span div { position: absolute; left: -1px; top: 24px; /* Set 1px less than menu width */ display: none; } /* Styles for Menu Items */ div span a { width: 100%; text-decoration: none; color: #777; background: #fff; /* IE6 Bug */ padding: 5px; } div span a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */ span div span a { padding: 2px 5px; } /* Sub Menu Styles */ span:hover div, span.over div { display: inline; } /* The magic */

