Não sei porque minha ID "icones-sociais" não está funcionando.

Não sei porque minha ID "icones-sociais" não está funcionando. Adicionei o "id="icones-sociais" no HTML e o "#icones-sociais li{...}" no CSS, mas ainda assim não funciona corretamente.

HTML

        <aside>
            <nav>
                <h1>João da Silva</h1>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="portfolio.html">Portfolio</a></li>
                    <li><a href="bio.html">Sobre mim</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
            <ul id="icones-socias">
                <li><a href="https://github.com/git-joaodasilva"><img src="github.png" alt="Github"></a></li>
                <li><a href="https://twitter.com/twitter-joaodasilva"><img src="twitter.png" alt="Twitter"></a></li>
                <li><a href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedin.png" alt="LinkedIn"></li>
            </ul>
        </aside>
        <footer>

CSS

#icones-sociais li
    {display: inline-block;}

ps: se precisarem do código inteiro envio