DIVy pod sebou a nešťastná mezera

Dobrý den,

mám definovány v CSS 2 bloky, které mají být umístěny pod sebou:

#b1 {
width: 800px;
background-color: #C45885;
}
#b2 {
width: 800px;
background-color: #784522;
}
p.neco { ........ }

V HTML pak je :

...
<div id="b1">
text1
</div>
<div id="b2">
<p class="neco">text2</p>
</div>
...

V IE6 jsou oba bloky přisazeny těsně k sobě, ale v Mozille (Firefox) je mezi bloky mezera 1 řádku. Dělá to tag <p>. Ale jak to tedy nadefinovat, aby to v obou prohlížečích bylo stejně?
Pozn: ten tag <p> tam musím mít, přes CSS je pak jinak obarven.
Díky. J.R.