Social media buttons mit hover effekt

[silent033]

ich habe das problem das alles soweit funktoniert nur ist es so wenn man auf den twitter oder youtube button klick ich den facebook button im hintergrund immer seh egal bei welchen button

/*
<table border="0"><tr>
<td>
<a href="https://www.facebook.com/pages/Wildstar-Sindorei/674974245850637?fref=ts" target="_blank">
<div class="facebook"></div></a>
</td><td>
<a href="http://www.twitter.de" target="_blank">
<div class="twitter"></div></a>
</td><td>
<a href="http://www.youtube.de" target="_blank">
<div class="youtube"></div></a>
</td></tr></table>
*/

CSS Datei
/*Social Media Buttons
---------------------------------*/
#facebook {
background-image: url("/images/icons/facebook.png");
background-size: 100%;
width: 40px;
height: 40px;}


#facebook:hover {
background-image: url("/images/icons/hover_f.png");
background-size: 100%;
cursor: pointer;}


#twitter {
background-image: url("/images/icons/twitter.png");
background-size: 100%;
width: 40px;
height: 40px;}


#twitter:hover {
background-image: url("/images/icons/hover_t.png");
background-size: 100%;
cursor: pointer;}

#youtube {
background-image: url("/images/icons/youtube.png");
background-size: 100%;
width: 40px;
height: 40px;}


#youtube:hover {
background-image: url("/images/icons/hover_y.png");
background-size: 100%;
cursor: pointer;}



Home ganz unten das beispiel