I'm having an issue with the links on my website at
http://www.jkmontgomery.com .  When a user puts the mouse pointer over
a link on my site, the active link, it is supposed to temporarily
change the color of the small horizontal bar over that link from a
green/blue to a light
grey.  This works fine in IE, but it is not working in Firefox. 
Please let me know what I have to change to fix this.

---

Clarification of Question by jeffmonty-ga on 25 May 2006 07:56 PDT

Thank you very much for your comment.  Do you know how to remove the
bars until the user hovers or clicks on one of the links?  I may want
to try and see how it looks.  If so, please post that comment as the
answer.  Thanks again for your quick response

Swich these two lines in your CSS:

#nav li a:hover { border-top: 5px solid #ddd; }
#nav li a.on { border-top: 5px solid #7CCAB1; }

to

#nav li a.on { border-top: 5px solid #7CCAB1; }
#nav li a:hover { border-top: 5px solid #ddd; }

You may also want to add a third line like this to get the original
behavior I think you were going for:

#nav li a.on { border-top: 5px solid #7CCAB1; }
#nav li a:hover { border-top: 5px solid #ddd; }
#nav li a.on:hover { border-top: 5px solid #7CCAB1; }