リンクの下線を消したいのに消せない（CSS）

自分でタグを入力して、XHTMLとCSSでサイトを作っているのですがどうしても解決できない問題があるので質問させていただきます。

サイトの各ページに飛ぶテキストリンクをページの上部に作っていて、そのリンクを

・通常時（a:link）は・・・・・・・・下線なし
・訪問後（a:visited）は・・・・・・・下線なし
・マウスオーバー時（a:hover）は・・・下線あり

というふうにしたいので、CSSに書いたのですがどの場合においても下線が表示されてしまいます。

CSSをどのように書き直せば、上記のように下線が表示されるのでしょうか教えてください。

XHTML：http://love.meganebu.com/~twilight/question/inde …

CSS：http://love.meganebu.com/~twilight/question/main …

No.1 ベストアンサー 回答者： ebiku 回答日時： 2006/03/24 16:42

このあたりのサイトが参考になるかと。

http://www.tagindex.com/stylesheet/link/text_dec …

No.3 回答者： shinkun0114 回答日時： 2006/03/24 16:55

・アンカーの下線を消すには

　a { text-decoration: none; }

・マウスオーバー時は、
　a:hover{text-decoration: underline}

したがって、
a:link {color: #bf5400;border-bottom: 0; text-decoration: none;}
a:visited {color: #a67e4e;border-bottom: 0; text-decoration: none;}
a:hover {color: #ec9800;border-bottom: 1px #ec9800 solid; text-decoration: underline; }

これでよろしいかと。

No.2 回答者： sanjihhhh 回答日時： 2006/03/24 16:54

指定の仕方がちょっと違う。

text-decoration: none;
と
text-decoration: underline;

http://www.htmq.com/style/text-decoration.shtml