По какой причине не выпадает список при наведение на текст?

Question

[crack_user]

<style>
            .menu-submenu {
                display: none;
                position: absolute;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0 8px 16px rgba(0,0,0,0.2);
                z-index: 1;
            }

            .menu-submenu a {
                color: black;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
            }

            .menu-items:hover .menu-submenu {
                display: block;
            }
        </style>
        <a href="/documents" class="menu-items"><span>О федерации</span>
            <div class="menu-submenu">
                <a href="#">Пункт меню 1</a>
                <a href="#">Пункт меню 2</a>
                <a href="#">Пункт меню 3</a>
            </div>
        </a>

Comments

[szQocks]

наверное ошибка из-за ссылок внутри, а так хз

[crack_user]

szQocks, Поменял на - помогло, спасибо)