title: MVC4 - JQueryUI Html Helper for a slider is rendering but isn't visible
body: <p>I'm using <a href="http://jqueryuihelpers.apphb.com/Docmo/GettingStarted" rel="nofollow noreferrer">jQuery UI Helpers</a> in my MVC4 application:</p>
  
  <pre><code>&lt;div class="span6"&gt;
      @Html.JQueryUI().SliderFor(x =&gt; x.WantsStudentWeighting).Min(1).Max(10)
  &lt;/div&gt;
  </code></pre>
  
  <p>When I run my application, the slider is there but it's not 100% visible. I know it's there because I can see the slider handle when I click in and around the area the slider's in and move it along the scale - value of Weighting also changes too. Here's proof:</p>
  
  <p><img src="https://i.stack.imgur.com/aAsJy.gif" alt="enter image description here"></p>
  
  <p>All my scripts and css files are there. I've tried to edit the jqueryui.slider.css file but to no avail. I've also changed background colour of containing DIV to make sure the slider wasn't being rendered in white.</p>
  
  <p>I've run out of ideas - some help would be appreciated.</p>