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

<div style="background: #ccccff">Top Div</div>
<div style="background: #ffcccc"><p>Bottom Div</p></div>

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

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

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