Bootstrap下拉菜单z-index错误（重叠）

Question

拜托，你能帮我解决Bootstrap下拉菜单的重叠问题吗？

我尝试添加！important到z-index，添加overflow：hidden（在其他z-index问题主题中看到它），但没有运气。

这是CSS的实际（不工作）部分：

.header-progress-container {
  width: 100%;
  margin: 5px 0px 0px 0px;
  padding: 15px 10px 20px 0;
  background-color: white;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}

.dropdown-menu{
  font-size: 20px;
  position: absolute;
  z-index: 1000;
}

.dropdown-menu > li {
  z-index: 1001;

这是Codepen的完整模型： Codepen - full code model

有什么想法吗？