title: @media, -webkit-min-device-pixel-ratio: - incorrect syntax for css rule
body: <p>Does anyone know what is wrong with this rule?  </p>
  
  <p><strong>@media screen and (-webkit-min-device-pixel-ratio:0) {
       #nav-main li.c_course div{margin-left:1px !important;}</strong></p>
  
  <pre><code>#nav-main li.c_course div{margin-left:1px !important;| margin-right:0px !important;;}
  #nav-main li.c_course div div{margin-left:0px !important;}
  @media screen and (-webkit-min-device-pixel-ratio:0) {
   #nav-main li.c_course div{margin-left:1px !important;}
    }
  </code></pre>
  
  <p>I researched it at <a href="https://stackoverflow.com/questions/3762152/media-syntax-possible-combinations">media syntax possible combinations</a>.  It seems to be valid code (judging by the post even though the <a href="http://www.w3.org/TR/CSS2/media.html#at-media-rule" rel="nofollow noreferrer">7.3 Recognized media types</a> spec doesn't list the syntax the way the OP does).</p>
  
  <p>Is it supposed to be positioned somewhere else in the .css or what?</p>
  
  <p>Thanks</p>