html - divの上に表示されるborder-bottom

Question

ボーダーボトムを設定しましたが、うまくいかない理由で上に表示されます。

ここにjsfiddleを設定しました：

http://jsfiddle.net/nnEr9/

Answer 1

overflow: hiddenヘッダー - http://jsfiddle.net/thebabydino/nnEr9/1/を参照

問題は、ヘッダーの子を浮かせたことです。したがって、以下に示すように、ヘッダーの高さはゼロです

フルサイズの画像へのリンク

overflow: hidden(overflow: autoも動作します) で修正します。

Answer 2

overflow:autoヘッダー divに追加する必要があります。他の div をフロートしたため、フロートを考慮してこれを追加する必要があります。

#header {
    margin-top: 50px;
    border-bottom: 2px solid #8B0000;
    overflow:auto;
}

jsFiddle の例。