title: inline css background-size cover
body: <p>i'm having the following css code </p>
  
  <pre><code>.imgf{
      background: url(/thatscooking/FotoTC/FotoTC/ALWIN01.JPG) no-repeat center center ; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
  </code></pre>
  
  <p>thats working as it should now i need to change the img with php so i'm trying to use inline css </p>
  
  <pre><code> &lt;div style="background: url(/thatscooking/FotoTC/FotoTC/ALWIN01.JPG) no-repeat center center" 
      style="background-size: cover"
      style="-webkit-background-size: cover" 
      style="-moz-background-size: cover" 
      style="-o-background-size: cover" 
      class="imgf "&gt;
  &lt;div id="naamb"&gt;&lt;p&gt;Album Naam&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>only now is the background-size cover not working and not showing up in firebug</p>
  
  <p>am i using the inline css wrong ?</p>