title: li menu tabs to fill the width of page (equally)
body: <p>I'm trying to have a horizontal menu fill the width of the page or containing div. But i would like the <code>li</code> elements to all be the same width, now these are dynamic so the number of <code>li</code> elements can change page to page so i cannot simply set the width or split the percentage. I'm not sure I've got the right approach with the <code>table-cell</code>?</p>
  
  <p>It's not a problem for the <code>li</code> elements to be stretched vertically, but they must all be stretch to the same amount.</p>
  
  <p>Is there any way to do this?</p>
  
  <p><a href="http://jsfiddle.net/juGJ4/" rel="nofollow">http://jsfiddle.net/juGJ4/</a></p>