文字超过层的宽度隐藏

#topRight
{
    background:url('../Images/topbglight.gif') no-repeat;
    height:78px;
    margin-left:840px;
    width:auto;
}
<div id="topRight">
     <div style="position: absolute;">
        <a href="">(账号设置)</a>|<a href="">桌面</a>|<a href="">关于</a>|<a href="">授权</a>|<a href="">退出</a>
      </div>
</div>当页面缩小时，文字就到第二行了，我想让超过部分的文字隐藏起来，样式怎么设计？