溢出:隐藏隐藏占位符对象中的内容

我有一个asp占位符对象，在一个div中。

<div id="contentMenu" class="contentMenu">
    <asp:PlaceHolder ID="plhMenu" runat="server">
    </asp:PlaceHolder>
    <div id="divMenuImage" class="menuImage">
        <asp:Image ID="imgMenu" runat="server" ImageUrl="images/menu.gif" />
    </div>
</div>

div使用以下css:

.contentMenu
{
    color: #ffffff;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: absolute;
    top: 85px;
    width: 500px;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

使用以下调用将菜单中的项添加到占位符:

plhMenu.Controls.Add(btnArrow);
plhMenu.Controls.Add(btnCategory);

在css中使用text-overflow属性应该可以裁剪文本并显示省略号。

然而，当属性"overflow: hidden"在css中，所有的菜单消失。删除该属性，菜单出现，但文本溢出不起作用(似乎需要overflow: hidden)。

我已经花了几个小时试图弄清楚发生了什么，如果你能帮我整理一下，我将非常感激。