I have below a code snippet where content inside #FirstDiv gets appended at runtime which keeps on incrementing.
In Firefox and Chrome, the content of #SecondDiv gets shifted downwards when content inside #FirstDiv takes extra vertical space on page. However, in IE9 this does not occur, because of which content of #FirstDiv and #SecondDiv overlaps.
<div id="FirstDiv">html content</div>
<div id="SecondDiv" style="clear:both;"></div>
Update :-
I have updated the css for the div1 and div2 at http://jsfiddle.net/msach/Tycwp/1/. Please help.
I was able to solve the problem by giving height as auto to upper div