Make an option selected in a css menu

[HomesiteProgram]

Hi

I have created a simple CSS menu (code added below) for an a-z sitemap on our website. Just wondering how to make one option remain depressed on that page (i.e. "S" remains selected on the "s" page.)

Thanks,

HP

<STYLE TYPE="text/css">
ul#navlist{margin-left: 0;padding-left: 0; white-space: nowrap;}
#navlist li{display: inline;list-style-type: none;}
#navlist a { padding: 6px 9px; }
#navlist a:link, #navlist a:visited{color: #369;background-color: #C3E4ED;text-decoration: none; border:1px solid #DCDCDC;}
#navlist a:hover{color: #FFF;background-color: #87CEEB;text-decoration: none; border:1px solid #369;}
</STYLE>

<ul id="navlist">
<li><a href="a.html">A</a></li>
<li><a href="b.html">B</a></li>
<li><a href="c.html">C</a></li>
<li><a href="d.html">D</a></li>
<li><a href="e.html">E</a></li>
<li><a href="f.html">F</a></li>
<li><a href="g.html">G</a></li>
<li><a href="h.html">H</a></li>
<li><a href="i.html">I</a></li>
<li><a href="j.html">J</a></li>
<li><a href="k.html">K</a></li>
<li><a href="l.html">L</a></li>
<li><a href="m.html">M</a></li>
<li><a href="n.html">N</a></li>
<li><a href="o.html">O</a></li>
<li><a href="p.html">P</a></li>
<li><a href="q.html">Q</a></li>
<li><a href="r.html">R</a></li>
<li><a href="s.html">S</a></li>
<li><a href="t.html">T</a></li>
<li><a href="u.html">U</a></li>
<li><a href="v.html">V</a></li>
<li><a href="w.html">W</a></li>
<li><a href="x.html">X</a></li>
<li><a href="y.html">Y</a></li>
<li><a href="z.html">Z</a></li>
<li><a href="09.html">0-9</a></li>
</ul>

[abduraooft]

See http://www.codingforums.com/showthread.php?t=122490

[HomesiteProgram]

Much appreciated.