title: Div position shifts when adding content
body: <p>Following yesterday's issue ( <a href="https://stackoverflow.com/q/12822068/1735214">DOM Equidistant divs with inline-blocks and text justify won&#39;t work when inserting through JS</a> )  which @Snuffleupagus was kind enough to help me understand, I stumbled into another weird browser behaviour.</p>
  
  <p>Updated fiddle in here: <a href="http://jsfiddle.net/xmajox/NUJnZ/" rel="nofollow noreferrer">http://jsfiddle.net/xmajox/NUJnZ/</a></p>
  
  <p>When any kind of content is added (block or inline) to the divs they shift down. When all divs have content, they magically move back into their correct places.</p>
  
  <p>I tried starting them all with some dummy content div and then just changing that children's text but it reacts the same way.</p>
  
  <p>Any ideas?</p>