slick slider и z-index

Здравствуйте. У меня есть пункты меню. Они в виде слайдера. хoчу сделать dropdown, но slick не дает отобразить выпадающее меню. Вот проблема на скрине:

Код:

<div class="autoplay">
    <div>   
        <a href="#">
            <div class="item dropdown">
                <img class="icon" src="img/icon1.png" alt="atl">
                <p class="item_p">Cтроительство<br>и ремонт</p>
                <div class="dropdown-content">
                    <p>Hello World!</p>
                </div>
            </div>
        </a>    
    </div>

Стили:

.dropdown {
position: relative;
z-index: 99999!important;
}
.dropdown-content {
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 99999!important;
width: 200px;
}
.dropdown:hover .dropdown-content {
display: block;
}