Resizing dymanic li list depending on number of list items
<p>Have a look at the page below:</p>

<p><a href="http://souk.gumpshen.com/gallery/" rel="nofollow">http://souk.gumpshen.com/gallery/</a></p>

<p>There are 3 tabs across the top of the page these tabs are generated by a CMS and the number of tabs can vary depending on categories entered by the user, currently they are:</p>

<p>[Fashion] [Lifestyle] [Boutique]</p>

<p>What the client has asked is for the tabs width to be changed with the first tab being lined up with the first thumbnail in the image gallery (as it currently is) and the last tab being lined upu with the end of the thumbnails in the 3rd column with a 20px margin between them.</p>

<p>How would I go about dynamically setting the li's to conform to the above rules in jQuery or javascript?</p>
