Problème affichage balise <a>

Bonjour à tous,

J'ai récupéré le site codé par un ami, où j'ai voulu ajouter un bouton mais il faut croire que je ne suis pas doué. Le problème se situe sur le bouton facebook en haut, où je n'arrive pas à faire sauter le cadre gris : http://dde24hroad.com/4h/index.html

<div class="sigin">
						
			<a id="facebook" href="https://www.facebook.com/DDE24HROAD"  target=_blank><img src="./logofb.png" ></a>
			<a href="http://dde24hroad.com/4h/forum/viewforum.php?f=3/"  target=_blank role="button" data-toggle="modal">Registered Teams</a>
                        <a href="http://dde24hroad.com/4h/forum/viewforum.php?f=3"  target=_blank role="button" data-toggle="modal">Sign Your Team</a>

</div>

.sigin{
	float:left;
	width:100%;
	text-align:right;
	margin:15px 0px 0px 0px;
}
.sigin a{
	margin:0px 0px 0px 5px;
	padding:2px 10px;
	color:#fff;
	display:inline-block;
	background-color:#3a3a3a;
	font-size:12px;
}
.sigin  #facebook a{
	margin:0px 0px 0px 5px;
	padding:0px;
	display:inline-block;
	background-color:#000000;
}

Merci d'avance.