title: Media queries not working on firefox
body: <p>I have been working with this new technology for me (Responsive Design) and I hate the problems which I don't know the answer, I get frustrated :/</p>
  
  <p>Here is my code: <a href="http://jsbin.com/ejadej/1" rel="nofollow">http://jsbin.com/ejadej/1</a></p>
  
  <p>With the latest version of Chrome, I see the site how is supposed to be by my code, whilst Firefox isn't reading this media query</p>
  
  <pre><code>@media screen and(min-width: 960px) {
      #php-info-title {
          background-color: #322E2C;
          position: absolute;
          left:100px;
          bottom: 0px;
          color:white;
          z-index: 0;
          max-width: 300px;
      }
  }
  </code></pre>
  
  <p>It's just ignoring it (if I remove the media query it works well, but i don't want to do that).</p>
  
  <p>The curious thing is that with the other media queries written above that one, Firefox works well.</p>
  
  <p>What's going on with Firefox?</p>
  
  <p>Thanks for your help.</p>