title: JavaFX BorderPane will not take on background colour
body: <p>I'm trying to teach myself basic JavaFX by following the tutorials provided by Oracle.</p>
  
  <p>In the BorderPane tutorial (<a href="https://docs.oracle.com/javafx/2/layout/builtin_layouts.htm" rel="nofollow">https://docs.oracle.com/javafx/2/layout/builtin_layouts.htm</a>) it specifies a background colour.</p>
  
  <p>This is a snippet of my code:</p>
  
  <pre><code>/**
   * This Method creates and defines a horizontal box with a button.
   */
  public HBox addHorizontalBoxWithButton() {
      // set up horizontal box and button
      HBox hBox = new HBox();
      hBox.setPadding(new Insets(10, 10, 10, 10));
      hBox.setSpacing(10);
      hBox.setStyle("-fx-background-colour: #FFFFFF;");
      hBox.setAlignment(Pos.CENTER);
      Button startButton = new Button("CLICK ME");
      startButton.setPrefSize(100, 30);
      // set up a message
      Text message = new Text("Click the button to get started.");
      message.setId("message");
  
      hBox.getChildren().add(message);
      hBox.getChildren().add(startButton);
  
      return hBox;
  }
  </code></pre>
  
  <p>I have tried various different background colours, none of which work. Am I missing something here?</p>
  
  <p>Also, I am using a .css file but it only adds style to the 'message'.</p>