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.
http://jsfiddle.net/jamesbrighton/KUMqV/6/
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.
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
UPDATE Here is a picture of what I mean. The red border should be 100% width but its less. 
Take a look at this example:
http://jsfiddle.net/KUMqV/23/
not the cleanest solution, but by adding 4 extra divs, you can set the width to 1600% and 6,25%.
Greetings, Gijoey