title: Scroll bar affecting width of div
body: <p>I am currently trying to implement a time selector like this <a href="http://jsfiddle.net/roberttang30/AzRja/" rel="nofollow">http://jsfiddle.net/roberttang30/AzRja/</a>.</p>
  
  <p>It is styled like this:</p>
  
  <pre><code>'overflow' : 'visible',
  'list-style': 'none',
  'position': 'absolute',
  'font-size': '115%',
  'top': '15%',
  'margin-top': '1.7em',
  'margin-left': '-25%',
  'left': '50%',
  'width': '50%',
  </code></pre>
  
  <p>It works fine but I would now like to add the ability for it to scroll. The problem is that when I enable the scroll bar it narrows the width of the list (which is containing the times). <a href="http://jsfiddle.net/roberttang30/GhvYG/" rel="nofollow">http://jsfiddle.net/roberttang30/GhvYG/</a></p>
  
  <p>I am currently using slimScroll but I get the same problem with a normal scroll bar. </p>
  
  <p>If think the problem could be something to do with the lines which are used to float the div in the middle :</p>
  
  <pre><code>'margin-left': '-25%',
  'left': '50%',
  'width': '50%',
  </code></pre>
  
  <p>Thank you for you help.</p>