Strange underlines in font-awesome CSS

Question

When I hover on font-awesome\'s icons (when they\'re stacked together) like below (see picture). I get these strange underlines. Any idea where they could come from?

Answer 1

Those lines usually come from the default (underline) a element style.

Either use another element or remove the underline :

a.social { /* or whatever your class */
   text-decoration: none;
}