محتاجة عناصر مستقلة

<style>
#follow_fdf {
    float: right;
    height: 40px;
    padding: 5px;
}
.social-button {
    background: rgba(0, 0, 0, 0.3) url("http://i18.servimg.com/u/f18/18/21/41/30/fa_fol12.png") no-repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    height: 32px;
    margin: 3px;
    transition: background-color 250ms ease 0s;
    width: 32px;
}
.social-button:hover {
    background-color: #000;
}
.social-button.fb-but {
    background-position: 0 0;
}
.social-button.fb-but:hover {
    background-color: #3b5998;
}
.social-button.tw-but {
    background-position: -32px 0;
}
.social-button.tw-but:hover {
    background-color: #5ea9dd;
}
.social-button.gp-but {
    background-position: -64px 0;
}
.social-button.gp-but:hover {
    background-color: #dd4b39;
}
.social-button.pi-but {
    background-position: -96px 0;
}
.social-button.pi-but:hover {
    background-color: #bb0000;
}
.social-button.yt-but {
    background-position: -128px 0;
}
.social-button.yt-but:hover {
    background-color: #e52c27;
}
.social-button.rs-but {
    background-position: -160px 0;
}
.social-button.rs-but:hover {
    background-color: #faa21b;
}
</style>
<div id="follow_fdf"><a class="social-button fb-but" href="https://www.facebook.com/" target="_blank" title="Facebook"></a><a class="social-button tw-but" href="https://twitter.com/" target="_blank" title="Twitter"></a><a class="social-button gp-but" href="https://plus.google.com/" target="_blank" title="Google+"></a><a class="social-button yt-but" href="https://www.youtube.com/user/" target="_blank" title="Youtube"></a><a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a></div>