While created building a content management system based on Wordpress for our clients our team encountered a strange problem in the display output of our html pages. Here is how the code looks like

<div id="div1" >
</div>
<div id="div2" >
</div>

Due to the way Firefox attempts to render the graphics on your monitor, sometimes there are inexplicable white spaces between two div as have been coded above. The common method we employ to resolve this issue is as below