Hi, so I have two divs that line up flush to eachother, one right under the other. But, when I format the text in the divs as paragraphs, it creates a space in between them so they are not flush against eachother any longer. How can I best fix this?

Code:
<body>
<div id="content">
  div1
</div>
<div id="footer">
  <p>div2</p>
</div>
</body>
Code:
div#content {
	background-color: #CCCCCC;
	min-height: 300px;
}
div#footer {
	background-color: #333333;
	color: #FFFFFF;
	
}