Sublinhado nas imagens que não saem

Olá, na aula 7 o professor apresentou o uso do elemento Display: inline-block e isso acertaria o tamanho das imagens e uns sublinhados que aparecem deveriam sair, mas não consegui tirar. Vou postar a parte do HTML que interessa e depois do CSS.

Também vi que um colega teve a mesma dúvida, mas antes que alguém o ajudasse ele viu o problema e marcou como resolvido sem trazer a resposta. Agradeço a quem descobrir o que está acontecendo!

HTML:

<aside>
                <h1>João da Silva</h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="portifolio.html">Portifolio</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>
                    <li>
                        <a href="https://github.com/joaodasilva"> <img src="github.png" alt="Github"> </a>
                        <a href="https://twitter.com/joaodasilva"> <img src="twitter.png" alt="Twitter"> </a>
                        <a href="https://br.linkedin.com/pub/joão-da-silva/32/4/508"> <img src="Linkedin.png" alt="LinkedIn">
                        </a>
                    </li>
                </ul>
        </aside>

Agora o CSS:

aside li {
    display: inline-block;
}