[SOLVED] Underline, not border bottom, for page menu hover

Seems like this should be simple, but I've had problems trying to add an underline upon hover (not current) for the page menu.

There've been a few discussions about this and this thread talks about using border-bottom for it:

http://forum.bytesforall.com/showthr...ight=underline

This theoretically works but the border winds up being bigger than I want underneath the menu items. I want it exactly underneath the text characters.

This thread talks about using text-decoration, which is what my first instinct was:

http://forum.bytesforall.com/showthr...ight=underline

However, I tried using text-decoration: underline and it's not working. It's not even showing up when I inspect with Chrome Elements. Any thoughts on this?

You can see the site in progress at www.franciscan-interiors.com