title: Issue while using css widht/height value as "inherit", while changing the parent's dimensions dynamically
body: <p>I have created a HTML page where few of the elements were given css as :</p>
  
  <p>.inheritDimensions{<br>
  width: inherit;<br>
  height: inherit;<br>
  }</p>
  
  <p>So, those elements are dependent on the dimensions of its parent elements.</p>
  
  <p>Everything is fine when the page is rendered initially. But (here comes the wierd thing), If I change the heights/widths of the parent elements dynamically, they are not getting reflected(or updated dimensions are not inherited to the .inheritDimensions elements) UNTIL I click on somewhere on the browser!</p>
  
  <p>This problem is seen in Chrome, Safari, IE. Working fine in FF though.</p>
  
  <p>-SuryaPavan</p>