title: Place and fit n of elements between two existing elements
body: <p>Have two elements with fixed width (in %).</p>
  
  <p>First element positioned <code>left: 0</code>, second element positioned <code>right: 0</code>;</p>
  
  <p>Need to append some N of elements between these two elements, so each of the new appended elements have same width (depending on available space between main elements).</p>
  
  <p><a href="http://jsfiddle.net/hXUyh/1/" rel="nofollow">http://jsfiddle.net/hXUyh/1/</a></p>
  
  <p>The problem is that new elements are positioned NOT accurately (crossing each other or leaving some extra space between) and NOT consistently with different browser's window sizes.</p>
  
  <p>Please help.</p>
  
  <p>I understand that different browsers will give different output, but this script will be limited to Google Chrome use only.</p>