ハイパーリンクには二重下線が付きます

Question

私のウェブページにハイパーリンクがあります。何らかの理由で、リンクの上にマウスを置くと、下に2行あります。私はCSSのtext-decoration: noneを使って行の一つを削除することができました。結論は問題です。私は、ホバーが見えない場合は1つのグレーの線（2つのうちの低い方）があることに気付きます。添付の画像を参照してください。

HTML

<a href="http://www.mywebpage.com/" class="no-underline">My Web Page</a> 

CSS

.no-underline:hover {text-decoration: none} 

Answer 1

上記の数によって示唆されるように、それがボーダーでした。以下の作品は以下の通りです。要素を調べるための@Daniのヒント、そのための歓声。

.no-underline:hover {text-decoration: none; border-bottom: 0} 

次の投稿を慎重に踏む必要があります。

Answer 2

.NO-下線：ホバー{テキスト装飾：なし重要;国境：！どれも重要！;} .NO-下線{テキスト装飾：なし重要;ボーダー！：なし重要;}