ahh...oops... my mistake 
On each of your pages, you have to go through and make a small change;
Code:
<div id="nav1">
<ul>
<li id="current" style="border:none">
<a href="index.html" shape="rect">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="order.html" shape="rect">How to Order</a></li>
<li><a href="testimonials.html" shape="rect">Testimonials</a></li>
<li><a href="about.html" shape="rect">About Us</a></li>
<li><a href="contact.html" shape="rect">Contact</a></li>
</ul>
</div>
On products.html should look like
Code:
<div id="nav1">
<ul>
<li>
<a href="index.html" shape="rect">Home</a></li>
<li id="current" style="border:none"><a href="products.html">Products</a></li>
<li><a href="order.html" shape="rect">How to Order</a></li>
<li><a href="testimonials.html" shape="rect">Testimonials</a></li>
<li><a href="about.html" shape="rect">About Us</a></li>
<li><a href="contact.html" shape="rect">Contact</a></li>
</ul>
</div>
and so on... so all you have to do is add id="current" style="border:none"
to the li for whichever page you're on! (I'm not actually sure what the border:none is for???)
Bookmarks