C'è qualche spazio di troppo tra i li 
Ho anche controllato con gli strumenti di sviluppo di chrome (che ti evidenziano margin, padding e dimensione dell'elemento) e risulta uno spazio tra i margin degli elementi 
Cattura.JPG
(Lo spazio di troppo è quello tra le icone)
codice HTML:
<ul id="social">
<li>
<a href="#" title="Iscriviti ai Feed">
<img src="img/icon-feed.png" alt="Feed">
</a>
</li>
<li>
<a href="#" title="Seguici si Facebook">
<img src="img/icon-facebook.png" alt="Facebook">
</a>
</li>
<li>
<a href="#" title="Seguici su Twitter">
<img src="img/icon-twitter.png" alt="Twitter">
</a>
</li>
</ul>
codice:
#top-bar #social {
list-style: none;
display: inline;
margin: 0;
padding: 0;
float: right;
}
#top-bar #social li {
display: inline-block;
margin: 0;
margin-top: 17px;
}