css - ウィンドウが小さくなったときに固定位置ヘッダーをデバッグする方法は?

Question

OK ページに固定位置のヘッダーがあります。それは正しく動作しており、すべて...しかし、私はそれに大きな問題があります->ブラウザウィンドウを小さくしようとすると、コンテンツ(この場合はメニュー)がヘッダーのdiv.

どうすればこれを修正できますか? それを行う方法はありますか？

編集: ヘッダーを固定位置に留めたい。

[実際に問題を確認したい場合は、http: //www.chilledlime.comにアクセスして、ブラウザ ウィンドウを小さくしてください]

前もって感謝します。

Answer 1

position:fixedから削除#logobox：

#logobox {
    background: none repeat scroll 0 0 black;
    border: 0 none;
    height: 60px;
    margin-bottom: 20px;
    margin-top: 10px;
    position: fixed; <----- this -----
    width: 100%;
    z-index: 100;   
}

Answer 2

これを試して、

#logobox ul {
display: inline;
list-style: none;
padding-top: 15px;
width: 65%;
}

「#logobox」に「overflow:hidden」を追加するかどうかは、探しているものによって異なります