Как иметь границу в div, которая содержит два других divs

Я работаю над html-страницей, где у меня есть div заголовка, который содержит два суб-div

ссылка: http://jsbin.com/iladi4/3

Я хочу иметь bottom-border для заголовка div, но эта граница всегда держится сверху. Я хочу, чтобы граница была внизу.

См. ссылку.

ОТВЕТЫ

Ответ 2

Добавьте overflow: hidden в #header. Демо на: JS Bin.

Ответ 3

Это происходит потому, что внутренние divs на самом деле не находятся в #header. Поплав их, вы удалили их из обычного макета. Плавающий #header исправляет эту проблему, но может потребовать других настроек, чтобы получить то, что вы хотите.

Ответ 4

Вы также можете добавить div под навигационным div с style="clear: both;", это не очень, но он работает, если по какой-то причине вы не можете использовать ни одно из двух других предложений.