title: jQuery - How to calculate width of li floats
body: <p>Let's say i got a list looking like this:</p>
  
  <pre><code>&lt;ul style="width:980px;"&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum&lt;/li&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum #2&lt;/li&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum #3&lt;/li&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum #4&lt;/li&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum #5&lt;/li&gt;
       &lt;li style="display:block; float:left;"&gt;Lorem ipsum #6&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How would i find the correct width of each li in this list?</p>
  
  <p>Currently i tried to loop the li's and then print out the outerWidth, innerWidth and width.</p>
  
  <p>All seems to return 0 as width.</p>
  
  <p>Got any ideas on how to get the correct with of the elements without having to calculate the length of the string?</p>