css - chrome中的CSS显示问题

Question

我有一个包含以下 CSS 的菜单：-

#top-navigation {
padding: 45px 0 0 0;
position: relative;
z-index: 200;
float: right;
}

现在我有一个通知显示在这个菜单的顶部，带有 css：-

    .SmallBox {
    position: absolute;
right: 0;
top: 20px;
padding-right: 30px;
width: 420px;
color: #fff;
font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
z-index: 9999;
}

问题是，由于菜单的相对属性，它给我带来了问题，并且通知框没有完全显示在 chrome 的菜单上。