Мне нужно два подрядdiv элементы (с фоном), чтобы соприкасаться плавно, один под другим. Тем не менее, этот макет ломается, когда я ставлю ребенкаp элемент в дноdiv, На поляхp элемент заставляет пробел между обоимиdiv элементы. Это странное поведение, так как я ожидаю границыp оставаться в пределах содержания и фона областиdiv, Это делает то же самое на Firefox, Chrome и IE 8.

Top Div
<p>Bottom Div</p>

Вот'с как это выглядит.

Я мог бы исправить это, изменив поля на отступы дляp элемент, но тогда я также должен был бы сделать это с элементами заголовка, элементами списка и любым другим элементом, который я хочу использовать в началеdiv, Это не желательно.

Может ли кто-нибудь просветить меня: какую оговорку о модели коробки я пропускаю? Есть ли простой способ исправить это, желательно, изменив стиль?div