Consider the following code:
<style>#test { width: 600px;border: 3px solid red;}</style><div id="test"> <p>Nunc eu dui vel mi semper dictum. Nulla sed risus. Nullam posuere velit ut nibh. Cras at lacus vel lacus iaculis vehicula. Nullam tellus arcu, pulvinar id, ultricies non, lacinia eget, urna. Morbi eu dolor vitae ligula consectetuer fringilla. Nam vehicula consectetuer lectus. Duis laoreet, turpis id pharetra aliquet, nunc risus feugiat diam, quis ornare risus mauris a magna. Nullam augue. Sed nec enim.</p></div>
As can be seen IE removes the white space at the top and the bottom of the div container. This seems to have something to do with the width-property specified in the css. If you remove it, you will see that both IE and FireFox add space to the top and bottom. Both however will add no space when the contents of <p> span just 1 row instead of multiple rows. Setting padding or margin to zero does not work, since these are already zero. Anybody familiar with this problem and knows a solution?