CSS列重叠/溢出

我有一个关于在CSS列中使用绝对定位div的问题。 基本上，我有一个菜单系统，它使用一个应用计数2的无组织列表。在其中一个li元素悬停时，我希望显示一个绝对定位的div，它确实如此。但它似乎与第二列重叠，因此无法使用。请参见此处的屏幕截图：

开发人员工具中突出显示的淡蓝色元素是我需要的可见元素。我尝试过z-index，但它在这里似乎不起作用，所以我想知道它是否是某种奇怪的列行为

---

提前感谢

下拉列表之所以没有显示，是因为它隐藏在包含

的文件中。我想出了一个解决方案，将下拉列表
移动到关联的
之后，并使用JavaScript显示/隐藏下拉列表<代码>列计数
似乎无法处理StackOverflow的代码段，因此这里有一个代码笔：

<ul class="nav">
  <li>
    <a href="#">Internal Storage Solutions</a>
    <div class="drop">
      <ul>
        <li>
          <a href="#">Some Link</a>
        </li>
      </ul>
    </div>
  </li>
</ul>