ssi menus

[timmy]

Hi,

I'm new to SSI (I'm not trained in web design), and I'm putting together a website for my Amnesty International group. I want to incorporate conditional SSI navigation, with the style of the current nav links updating for each page from my stylesheet. But only the first list item shows up, followed by an error. I'm not sure where the problem is in my code.

Here's the link to the page: www.brentwilson.ca/index.shtml

here's the SSI for the first list items:


<ul>
<li>
<!--#if expr="{$DOCUMENT_URI}=/index.shtml/"-->
<a href="index.shtml" id="current" title="Home">Home</a>
<!--#else-->
<a href="index.shtml" title="Home">Home</a>
<!--#endif-->
</li>
<li>
<!--#if expr="${DOCUMENT_URI}=/aboutus.shtml/" || expr="${DOCUMENT_URI}=/outreach.shtml/"-->
<a href="aboutus.shtml" id="current" title="About Us">About Us</a>
<!--#else-->
<a href="aboutus.shtml" title="About Us">About Us</a>
<!--#endif-->
</li>
</ul>


here's the CSS for the menu:



#mainnav
{
position: relative;
width: 640px;
height: 14px;
margin: 0;
padding: 12px 0px 10px 10px;
font-size: 12px;
}

#mainnav ul, #mainnav li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#mainnav a:link, #mainnav a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#mainnav a:link#current, #mainnav a:visited#current, #mainnav a:hover
{
border-bottom: 2px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}


and here's the html reference:


<div id="mainnav">
<!--#include virtual="/includes/mainnav.shtml"-->
</div>


Thanks for you help.