title: HTML5 - Extra white space at the bottom of div
body: <p>I am working on Windows Phone 8 Mobile application which uses IE10 browser internally.</p>
  
  <p>I am trying to remove the blank white space from a child div, which is appearing if the previously opened child div's content is more than the currently open child div.</p>
  
  <pre><code>&lt;div id="parentDiv" style="overflow-x:hidden"&gt;
  &lt;div id="childDiv1" style="overflow-x:hidden"&gt;Content in childDiv1 is greater than childDiv2&lt;/div&gt; 
  &lt;div id="childDiv2" style="overflow-x:hidden"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have one parent div say with id <strong>parentDiv</strong>.. which contains 2 child div's.. say with id = <strong>childDiv1</strong> and <strong>childDiv2</strong>. If I navigate to childDiv1 from any of my page in the application and from childDiv1 I am navigating to childDiv2 and since childDiv1's content is more than childDiv2's content. it results in blank white space at the bottom of childDiv2. I am trying to remove the blank white space but no work around seems helping so far. Any help will be appreciated. Thanks. </p>