title: css media queries ignored
body: <p>I want my page look nice with iphone4 and iphone 5. I wrote some media queries, but it seems they are ignored:</p>
  
  <pre><code>@media only screen and (max-device-width: 480px) {
  
  #gpsMain{
      position:absolute;
      top:25px;
      left:20%;
  }
  
  }
  @media only screen and (max-device-width: 320px) {
  
  #gpsMain{
      position:absolute;
      top:11px;
      left:20%;
  }
  
  }
  </code></pre>
  
  <p>Why the styles are not applied? Is this the correct way to get resolutions of the two iphone?</p>
  
  <p>(The queries are the last thing I wrote on css document)</p>