body { font: normal 11px verdana; } a:link { color:#003366; } ol { /* all lists */ padding: 0; margin: 0; list-style: none; } li { /* all list items */ float: left; position: relative; width: 96px; } li ol { /* second-level lists */ display: none; position: absolute; top: 100%; left: 0; font-weight: normal; background: url(notfound.html) bottom left no-repeat; /*this picture does not exist but it gives iexplore something to look at*/ padding: 0em 0 1em 0; } ol li a { display: block; text-decoration: none; color: #000066; background: #cccccc; /* IE6 Bug */ padding: 5px; border: 1px solid #FFFFFF; border-bottom: 0; } ol li#bottom a { display: block; text-decoration: none; color: #003366; background: #cccccc; /* IE6 Bug */ padding: 5px; border: 1px solid #ffffff; border-bottom: 1; } li>ol { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } ol li a:hover { color: #000066; background: #999999; } /* Hover Styles */ ol li#bottom a:hover { color: #000066; background: #999999; } /* Hover Styles */ li:hover ol, li.over ol { /* lists nested under hovered list items */ display: block; } #content { clear: left; }