Jquery CSS下拉菜单、z索引、iframe的问题？

我是CSS的新手，以前尝试过很多解决方案，但我认为我的问题可能是隐藏了我的下拉菜单。我也尝试过许多z索引解决方案，但都没有效果。我还使用iframe来显示用户在同一页面中单击的任何内容。到目前为止，我知道这部分工作正常，但不知道为什么我的菜单不显示。我试着让它尽可能简单。我以后会担心设计。Jsfiddle：

---

您需要将内部菜单插入到父“li”标记中，使其看起来像这样：

<ul>Main menu
<li>Dropdown menu
  <ul>
    <li>Dropdown child</li>
  </ul>
</li>
</ul>

选中此处的fiddle（目前仅为第一个菜单项设置）

更新了每个菜单的功能：

<ul>Main menu
<li>Dropdown menu
  <ul>
    <li>Dropdown child</li>
  </ul>
</li>
</ul>

<ul>Main menu
<li>Dropdown menu</li>
  <ul>
    <li>Dropdown child</li>
  </ul> 
</ul>

ul li:hover > ul {
        display: block;
        position: absolute; 

    }