Html Div不出现在顶部：CSS

我想做一个下拉登录菜单，但我有一个问题，请帮助我解决它。我的登录框不会出现在其他层的顶部。即使在应用z指数后：999；请帮忙

我的HTML代码在这里

<nav id="menu">
    <ul id="floatright" style="">
        <li>
        <a href="login.php">Sign in</a>
           <div id="loginbox">
              <table>
              <tr>
                 <td>Username </td><td><input type="text"></td>
              </tr>
                  <tr>
                 <td>Username </td><td><input type="text"></td>
              </tr>
              </table>
           </div>
        </li>
        <li>
            -
        </li>
        <li>
               <a href="signup.php">Join us</a>
        </li>
    </ul>
</nav>

---

现在请看

jsfiddle

的我更新链接，我想我已经解决了你的问题。

只要增加#菜单的高度就可以了。

是的，事实上，我在没有登录框的情况下对整个网站进行了编码……但现在我要添加它@F4r-20为什么需要隐藏

#菜单溢出？它在没有z索引的情况下工作。看小提琴：你做了什么。。。当你点击登录链接时，它给出了pagenot found错误..？？？这是一个简单的代码，不是一个链接，而且在JSFIDLE中没有一个页面名login.php，这就是为什么给出了pagenot found错误，所以kaushik先生提高了你的智商，看看你在哪里测试页面。哦，可能我错过了它。。。你最好不要谈论我的智商。。。这不关你的事。。你可以澄清我的问题。。。我从没问过你我的智商。。。牢记
#menu {
    height: 15px;
    width: 900px;
    background: #9a255a;
    float: left;
    padding: 10px 40px;
    overflow: hidden;
    color: #fff;
    border-bottom: 1px solid #c53275;
}
#menu ul {
    margin: 0px;
    position: relative;
    padding: 0px;
    list-style: none;
}
#menu ul li {
    float: left;
    padding: 0px 10px;
    display: block;
    line-height: 17px;
}
#loginbox {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 999;
}