jQuery horizontal navigation issue with widths as %
<p>Im using jQuery so that choosing an option from a select list horizontally scrolls a div to the appropriate content within it. Each div that you scroll to should take up 100% of the page's visible width. </p>

<p><a href="http://jsfiddle.net/jamesbrighton/KUMqV/6/" rel="nofollow">http://jsfiddle.net/jamesbrighton/KUMqV/6/</a></p>

<p>My design will have a liquid width, so Ive used % values for the width not pixels. I think the issue is that the % calculations are slightly off. For the first option 'may' the div takes up the full width like I need it to. As you look at the other options, the further through the list you go the shorter the div are. </p>

<p>This functionality cant be that rare so id really appreciate any thoughts on how to solve this when the number of options arn't a nice round number like 10. Thanks </p>

<p>UPDATE Here is a picture of what I mean. The red border should be 100% width but its less. <img src="http://i.stack.imgur.com/GFNTx.png" alt="enter image description here"></p>
