title: Firefox and Chrome ignoring background-size?
body: <p>I have a number of media queries in my site that resize various elements on pads/ smartphones. I've just added another media query to resize the same elements on lower-resolution laptops and discovered that Firefox and Chrome seems to be ignoring my use of background-size.</p>
  
  <p>The media query is working, parts of them are being picked up, but not background-size. It works fine in safari.</p>
  
  <p>Any ideas why?</p>
  
  <p>My CSS is:</p>
  
  <pre><code>@media only screen and (min-height: 768px) and (max-height: 800px) {
      #title-we-are {
          background-size:95%;
          background: url(../img/title_we_are.png) bottom center no-repeat;
          height:254px;   
      }
  }
  </code></pre>