переполнение: скрытая полоса прокрутки в Firefox

Question

Я пытаюсь скрыть вид полосы прокрутки, но все равно смогу прокрутить. Пока что он отлично работает на Chrome, однако, когда он в Firefox, он не работает. Итак, я попробовал данное решение, заключающееся в том, чтобы поместить его в оболочку и использовать переполнение: скрытый, но все равно он показывает прокрутку в Firefox.

Кто-нибудь знает какой-нибудь альтернативный способ скрыть CSS-полосу прокрутки в Firefox? * также обратите внимание, что я использую bootstrap

<div class="menu-desktop-nav col-md-4 col-lg-3 col-xl-2 position-relative" style="overflow:hidden;">
                <ul class="nav menu-nav-li rounded-menu position-relative" id="menu-nav">
            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 top-active" data-id="anchor_1">
                <a href="#" class=" nav-link">Traditional Pizza</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_2">
                <a href="#" class=" nav-link">Burgers</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_3">
                <a href="#" class=" nav-link">Steak</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_4">
                <a href="#" class=" nav-link">Pasta</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_5">
                <a href="#" class=" nav-link">Sides</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_6">
                <a href="#" class=" nav-link">Dessert</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_7">
                <a href="#" class=" nav-link">Drinks</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_8">
                <a href="#" class=" nav-link">Alcohol</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_9">
                <a href="#" class=" nav-link">Deals</a>
            </li>

            <li class=" nav-item menu-nav-item text-uppercase font-weight-bold pt-4 pb-4 " data-id="anchor_10">
                <a href="#" class=" nav-link">Coffee</a>
            </li>
        </ul>
            </div>