example.html at Jumper 2.0 Collaborative Search Engine

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
</head>

<body>

<style type="text/css">
<!--

#navcontainer {
    font-family:arial, helvetica, sans-serif;
    background: ButtonFace;
    color: #000;
    border-top: 2px groove #fff;
    border-bottom: 2px groove #fff;
    margin: 0;
    padding: 4px 4px 4px 20px;}
    
#navlist {margin: 0px; padding: 2px 0px; font-size: 80%;}
#navlist ul {margin: 0px; padding: 0px;}
#navlist li {display: inline; list-style: none;}
#navlist li a {background:transparent; color:#000;  
               margin: 2px 0px; padding: 2px 4px;
               text-decoration: none;}
#navlist li a:link    {border: 2px solid ButtonFace;}
#navlist li a:visited {border: 2px solid ButtonFace;}
#navlist li a:hover   {border: 2px outset #fff;}
#navlist li a:active  {border: 2px inset #fff;}
#navlist li.separator {border-left: 2px groove #fff;}

.akey{text-decoration:underline;}

-->
</style>

<div id="navcontainer">
<ul id="navlist">

<li><a href="#" accesskey="a" title="ALT+A">Item <span class="akey">A</span></a></li>
<li class="separator"><a href="#" accesskey="b" title="ALT+B">Item <span class="akey">B</span></a></li>
<li><a href="#" accesskey="c" title="ALT+C">Item <span class="akey">C</span></a></li>
<li><a href="#" accesskey="d" title="ALT+D">Item <span class="akey">D</span></a></li>
<li class="separator"><a href="#" accesskey="e" title="ALT+E">Item <span class="akey">E</span></a></li>

</ul>
</div>

</body>
</html>