I’ve copied your stylsheet and pasted it below
body
{
margin: 0;
padding: 0;
background-color: #FFF;
font-family: trebuchet ms, verdana, tahoma, arial;
font-size: 75%;
line-height: 200%;
}
img
{
border: 0px;
}
body > #menu
{
position: fixed;
}
a:active, a:visited, a:link
{
color: #5E8E3E;
text-decoration: underline;
}
a:hover
{
color: #000000;
text-decoration: none;
}
#menu
{
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
overflow: auto;
background-color: #555;
border-right:1px solid #000;
}
#menutop
{
width: 200px;
height: 200px;
border-bottom:1px solid #808080;
background-color: #444;
}
#main
{
width: 540px;
margin-left: 200px;
padding: 20px;
}
#main h2
{
border-bottom: 1px solid #808080;
font-family: arial;
font-weight: 100;
letter-spacing: 8px;
font-size: 200%;
text-align: right;
}
you’re explicitly telling you browser to read all innate A:links, A:visited, A:active to have an underline with the selector below
a:active, a:visited, a:link
{
color: #5E8E3E;
text-decoration: underline;
}
CSS, aka "
Cascading Style Sheets" cascades in the sense that it can be overwritten by a style stated further down the line, you can add the following code at the end of you style sheet and it ill fix the issue your having with the underline, by overwriting the previously stated style, but only for <a> under the #menu id selector...
#menu A{
text-decoration:none;}
Like I said before all you need to do is style the .here selector in your CSS to match the others
Hope this helps
☆ A M B ☆
