Spazio di troppo tra due <li>

[tampertools]

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)

<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>

#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;
}