title: Targeting IE 11 in css not working
body: <p>I'm trying to fix a tiny layout issue in IE11 where slider pip jumps out of its place (it's fine in the rest of major browsers)</p>
  
  <p>I've added media query to stylesheet (below) but no luck. I've also tried conditional code, various hacks etc. But nothing worked or affected all browsers. I've spent a couple of hours trying various solutions without any luck and ran out of ideas. Need help please. <a href="http://i.stack.imgur.com/t3ECm.png" rel="noreferrer">Layout issue illustrated</a></p>
  
  <pre class="lang-css prettyprint-override"><code>  @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
      #yardstick-text-6-1 {
        margin-top: -43px;
      }
      #yardstick6-1 {
        margin-top: -53px;
      }
    }
  </code></pre>
  
  <p>The web page can be seen <a href="http://store.martynav.com/configure-your-quote/" rel="noreferrer">here</a> with password:quote321</p>