title: Chrome/Webkit inline-block refresh problem
body: <p>The problem I found is the following:</p>
  
  <p><strong>Situation</strong>: I have overall div that has a <code>inline-block</code> display. Inside it are two element that have an <code>inline-block</code> display as well.</p>
  
  <p>Then I add (thanks to JavaScript) a <code>&lt;br/&gt;</code> between the two elements. The second goes to the next line, which is the normal behavior.</p>
  
  <p><strong>Buggy part</strong>: The <code>&lt;br/&gt;</code> is then removed (JavaScript again) and... the display doesn't change. It appears that the box of the overall div is not recalculated. In the end I have two similar markup that doesn't appear the same way (which is a bit problematic, isn't it).</p>
  
  <p>It works fine on Firefox (it appears to be webkit based as the Android browser behave the same way). So my question is, is there a workaround that doesn't use methods that will alter the DOM? The library used is jQuery.</p>
  
  <p>A test case <a href="http://jsfiddle.net/4yj7U/1/" rel="noreferrer">here</a>.</p>
  
  <p><strong>EDIT:</strong> As suggested by duri, I filled a bug report in webkit bugzilla, it's <a href="https://bugs.webkit.org/show_bug.cgi?id=67472" rel="noreferrer">here</a>. But I'm still looking for a workaround <code>;)</code></p>