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;
}

問題は、メニューの相対的な属性が原因で問題が発生し、通知ボックスがクロムのメニューに完全に表示されないことです。