focus funciona, mas hover não

Olá pessoal. Estou fazendo um projeto pessoal para praticar e quando aplico as pseudo-classes :hover e :focus, somente o focus funciona. O que pode ser que estou fazendo errado? seguem os techos dos meus códigos:

<nav class="navegacao-site hover">
                    <ul>
                        <div>
                            <img class="logoStudioPlatinum" src="img/newImg/menu_logo.png" alt="logo do Studio Platinum">
                        </div>
                        <li><a href="index.html">Home</a><img class="linha-barra" src="img/newImg/menu_linha_barra.png" alt="linha-menu"></li>
                        <li><a href="servicos.html">Serviços</a><img class="linha-barra" src="img/newImg/menu_linha_barra.png" alt="linha-menu"></li>
                        <li><a href="index.html">Produtos</a><img class="linha-barra" src="img/newImg/menu_linha_barra.png" alt="linha-menu"></li>
                        <li><a href="https://www.facebook.com/StudioPlatinum/videos/">Videos</a><img class="linha-barra" src="img/newImg/menu_linha_barra.png" alt="linha-menu"></li>
                        <li><a href="index.html">Contato</a><img class="linha-barra" src="img/newImg/menu_linha_barra.png" alt="linha-menu"></li>
                        <li>
                            <a data-legenda="Vejam os cortes das clientes" href="https://www.facebook.com/pg/StudioPlatinum/photos/?ref=page_internal"
                             class="facebook icones-redes-sociais">facebook
                            </a>
                        </li>
                    </ul>
                </nav>

nav li {
    box-sizing: border-box;
    background-color: rgb(0, 0, 0);
    border: 2px solid #000000;
    padding: 1em;
    text-align: center;
    width: 330px;
    font-size: 1.5em;
    font-family: "Open Sans Condensed", sans-serif;
    box-shadow: 2px 2px 8px #000;
}

nav a {
    text-decoration-line: none;
    color: rgb(255, 255, 255);
}

nav a:hover,
nav a:focus {
    text-transform: uppercase;
}