Почему мой Z-индекс не работает? сбивающий с толку ⇐ Html

[Гость]

вот HTML: `

(верхний элемент div позже закроется)` вот CSS:

#links { семейство шрифтов: montserrat, без засечек; белый цвет; размер шрифта: 24 пикселей; вес шрифта: 700; отступ сверху: 30 пикселей; отступ снизу: 30 пикселей; радиус границы: 2 пикселя; ширина: 100%; максимальная ширина: 1300 пикселей; маржа: 0 авто; дисплей: гибкий; гибкое направление: строка; разрыв: 60 пикселей; оправдание-содержание: центр; фон: линейный градиент (0deg, #50602a 50%, #799934 90%); положение: относительное; **z-индекс: 822;** } #изысканный { дисплей: гибкий; позиция: абсолютная; ширина: 95%; поле: 0 авто - 10 пикселей авто; высота: 25 пикселей; внизу: 0; **z-индекс: -10001;** цвет фона: белый; радиус границы: 2 пикселя; } Вот картинка:

Белый элемент div должен располагаться НИЖЕ, чем зеленый элемент

Я попробовал перекомпоновать HTML-код. Рассчитанный Google z-индекс верен. Верхний элемент div установлен как относительный, нижний — абсолютный. Я официально озадачен и сбит с толку.

Вот URL-адрес веб-сайта:

totalcurbappeal.com/reviews