Apply only to IE 11 within media query for screen size : <p>I currently have following width specific media query.</p>

<pre><code> @media only screen and (max-width: 1920px) {
    .toggleMultiSelect .filter {
        width: 566px;
    }
 }
</code></pre>

<p>But the width for '<strong>.toggleMultiSelect .filter</strong>' changes in IE from Chrome/Firefox. So basically need to apply different width for the same css class in 1920px for IE. From the Stackoverflow search I found that IE specific behavior can be achieved like below.</p>

<pre><code>@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toggleMultiSelect .filter {
        width: 575px;
    }
}
</code></pre>

<p>So now I need to achieve both resolution and css class. <strong>575px</strong> width only should apply to IE and Chrome or firefox should get <strong>566px</strong>.</p>

<p>Thanks in advance for any help. </p>
