title: visibility: hidden in IE not working
body: <p>I'm using this CSS for bootstrap carousel prev-next buttons on the slider:</p>
  
  <pre><code>.carousel .carousel-control{
     visibility: hidden;
    }
    .carousel:hover .carousel-control{
     visibility: visible;
    }
  </code></pre>
  
  <p>While it works in Chrome and Firefox, it doesn't in IE10. Is there a workaround available for this?</p>
  
  <p>Edit: Tested <a href="http://jsfiddle.net/tS9PL/3/" rel="nofollow">jsfiddle</a> and it works in IE10, so it must be something else on website. Any suggestions?</p>