HTMLイメージリンクの隅に奇妙な色のボックスがあります

Question

アイコンや画像を使ってリンクを作成する際に、この問題が非常に発生しています。私はしばしば、右下の角にこれらの奇妙な色のボックスを取得します。

Example one

Example two

それを周りに少しプレイした後、私は私のCSSファイル内の私のA {}タグ付きのボックスの色が変化することに気づきました。また、リンクのようにクリックすると紫色になります。どんな助けもありがとう。ありがとう！ここで

リンク用のコードです：

<a href="https://github.com/blah"> 
    <i class="fa fa-github fa-5x"></i> 
</a> 

はCSS：

a { 
    color: #403739; } 
a:hover { 
    color: #362E30; } 

Answer 1

この

#footer a { 
    line-height: 30px; 
    text-decoration: none; 
}