title: how to hide skitter-slider jquery plugin's Next and Prev navigation buttons
body: <p><a href="http://www.skitter-slider.net" rel="nofollow">skitter-slider</a> plugin is setup with following props but whenever I mouse over the slides the next and prev buttons become visible. 
  I need to remove the buttons even when mouse is over the slides. I think it should be handled by navigation: false but it does not work.</p>
  
  <pre><code>&lt;!-- Init Skitter --&gt;
      &lt;script type="text/javascript" language="javascript"&gt;
          $(document).ready(function() {
              $('.box_skitter_large').css({width: 530, height: 110}).skitter({
                  theme: 'round',
                  numbers_align: 'center',
                  navigation: false,
                  enable_navigation_keys: false,
                  progressbar: false, 
                  dots: true, 
                  preview: false,
                  hideTools: true
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>I have also tried adding display:none  to all following classes in skitter.styles.css file. </p>
  
  <pre><code>.skitter-round .prev_button, 
  .skitter-round .next_button, 
  </code></pre>