title: Background properties not working from stylesheet
body: <p>I'm trying to set a background image for all buttons in the application, when I set it via FXML file it works fine but when I use CSS stylesheet to set it it doesn't work although some other properties are working fine from stylesheet like fonts properties.</p>
  
  <p>This is my stylesheet code:</p>
  
  <pre><code>@font-face {
      font-family: 'AdvertisingExtraBold';
      src: url('/fonts/AdvertisingExtraBold.ttf');
  }
  @font-face {
      font-family: 'Droid Arabic Kufi';
      src: url('/fonts/DroidKufi-Regular.ttf');
  }
  @font-face {
      font-family: 'Naskh';
      src: url('/fonts/droid-naskh.ttf');
  }
  
  .label {
      -fx-font-family: 'Kufi';
  }
  
  .button .text {
      -fx-font-family: 'AdvertisingExtraBold';    // This is working fine
      -fx-background-image: url('shutdown.png');  // This is not
      -fx-background-repeat: no-repeat;           // This is not
      -fx-background-size: 40;                    // This is not
  }
  </code></pre>
  
  <p>But when I apply it in the FXML file like below it works fine:</p>
  
  <pre><code>&lt;Button  prefHeight="40.0" prefWidth="40" style="-fx-background-image: url('shutdown.png');-fx-background-repeat: no-repeat;-fx-background-size: 40;" /&gt;
  </code></pre>
  
  <p>It's the same code, why it doesn't work from stylesheet?</p>
  
  <p>What's the difference and why font properties are working while background-image aren't?</p>
  
  <p>I'm loading the style sheet successfully like that :</p>
  
  <pre><code>scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
  </code></pre>