<style
type="text/css">.glossymenu{list-style-type: none;margin: 5px
0;padding: 0;width: 170px;border: 1px solid
#9A9A9A;border-bottom-width: 0;}.glossymenu li a{background: white
url(http://www.dynamicdrive.com/cssexamples/media/glossyback.gif)
repeat-x bottom left;font: bold 13px "Lucida Grande", "Trebuchet MS",
Verdana, Helvetica, sans-serif;color: white;display: block;width:
auto;padding: 3px 0;padding-left: 10px;text-decoration: none;}* html
.glossymenu li a{ /*IE only. Actual menu width minus left padding of A
element (10px) */width: 160px;}.glossymenu li a:visited, .glossymenu li
a:active{color: white;}.glossymenu li a:hover{background-image:
url(http://www.dynamicdrive.com/cssexamples/media/glossyback2.gif);}</style>

<ul
class="glossymenu">
<li><a
href="http://www.dynamicdrive.com/">Dynamic
Drive</a></li>
<li><a
href="http://www.dynamicdrive.com/style/">CSS
Examples</a></li>
<li><a
href="http://www.javascriptkit.com/jsref/">JavaScript
Reference</a></li>
<li><a
href="http://www.javascriptkit.com/domref/">DOM
Reference</a></li>
<li><a
href="http://www.cssdrive.com">CSS
Drive</a></li>
<li><a
href="http://www.codingforums.com/" style="border-bottom-width:
0pt;">Coding Forums</a></li>
</ul>