html - ドロップダウン ヘッダーの問題

Question

こんにちは、次の 2 つのヘッダーがあります。

通知ボタンをクリックすると、ドロップダウンがヘッダーのレイアウトを壊しているようです。以下はスクリーンショットです

通知ドロップダウンCSSは次のとおりです

#notification_dropdown {
-webkit-box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5);
-moz-box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5);
box-shadow: 0 0px 13px rgba(20, 20, 20, 0.5);
background: white;
border: solid #888888 1px;
left: 300px;
width: 380px;
display: none;
float: left;
color: #444444;
}

ここで何が間違っていますか？