title: Customizing jQuery UI Slider height & width
body: <p>When customizing the height/width of the jQuery UI Slider (and handle), the handle will now slide too far left (off of slider). Is there a recommended way of going about doing this?</p>
  
  <p>Here's a fiddle to show you what I mean: <a href="http://jsfiddle.net/w7A4k/">http://jsfiddle.net/w7A4k/</a></p>
  
  <p>I didn't see anything in the <a href="http://api.jqueryui.com/slider/">API Documentation</a> for this, and I'm using a very basic setup:</p>
  
  <pre><code>$("#slider").slider({
      orientation: "horizontal",
      max: 100,
      min: 0
  });
  </code></pre>