title: IE 10 loading wrong media queries
body: <p>Why are the Media Queries loading the smallest sized text only in Internet Explorer 10 on the homepage below:</p>
  
  <p><a href="http://www.jussbuss.tv/testing/kpat" rel="nofollow">http://www.jussbuss.tv/testing/kpat</a></p>
  
  <p>The Media Queries are as follows:</p>
  
  <pre><code>@media only screen and (min-width:320px) {
      #masthead_home a.logoa_home {
          font-size:1.0em;
      }
      #masthead_home a.logob_home {
          font-size:0.5em;
      }
  
  @media only screen and (min-width:480px) {
      #masthead_home a.logoa_home {
          font-size:2.0em;
      }
      #masthead_home a.logob_home {
          font-size:1.0em;
      }
  }
  
  @media only screen and (min-width:768px) {
      #masthead_home a.logoa_home {
          font-size:4.0em;
      }
      #masthead_home a.logob_home {
          font-size:2em;
      }
  }
  
  @media only screen and (min-width:1024px) {
      #masthead_home a.logoa_home {
          font-size:5.0em;
      }
      #masthead_home a.logob_home {
          font-size:3.0em;
      }
  }
  
  @media only screen and (min-width:1140px) {
      #masthead_home a.logoa_home {
          font-size:8.0em;
      }
      #masthead_home a.logob_home {
          font-size:4em;
      }
  }
  
  @media only screen and (min-width:1280px) {
      #masthead_home a.logoa_home {
          font-size:10.0em;
      }
      #masthead_home a.logob_home {
          font-size:5.0em;
      }
  }
  
  @media only screen and (-webkit-min-device-pixel-ratio:1.5),
         only screen and (min-resolution:144dpi) {
      #masthead_home a.logoa_home {
          font-size:10.0em;
      }
      #masthead_home a.logob_home {
          font-size:5.0em;
      }
  }
  </code></pre>