title: webkit floats flicker on resize
body: <p>I'm trying to create a 2d grid in HTML and CSS where resizing the window reflows elements to the appropriate row. The effect can be achieved by just floating fixed-width divs to the left, but I want to add a dynamic margin to minimize white space on the right of the screen.</p>
  
  <p>My problem is when adding dynamic margins (b/t the divs) via javascript, the divs will appear to flicker (i.e. switch back an forth rapidly between rows) when resizing the browser window (only happens when width is <strong>decreased</strong>).</p>
  
  <p>The bug manifests itself in webkit (chrome and safari), but not in Firefox. If it's just a webkit bug, is there a way to get around it?</p>
  
  <p>An example can be seen on jsfiddle or a regular webpage:</p>
  
  <p><a href="http://jsfiddle.net/RAZHA/3/" rel="nofollow">http://jsfiddle.net/RAZHA/3/</a></p>
  
  <p><a href="http://alec.thewinograds.com/float_flicker_example.html" rel="nofollow">http://alec.thewinograds.com/float_flicker_example.html</a></p>
  
  <p>Thanks!</p>