How to center a ImageView node within Region in JavaFx?

Question

I'm having trouble with centering an ImageView node within the following Browser object. I have provided a snippet of the code below. My thought was to use setStyle("....."), but that didn't appear to have any influence on the placement of the image (It is still displayed top left corner). Any suggestions are greatly appreciated. Thanks!

class Browser extends Region {

    final WebView browser = new WebView();
    final WebEngine webEngine = browser.getEngine();
    File file;
    ImageView image;

    public Browser(String fileName, Image loaderImage) throws MalformedURLException {
        file = new File(fileName);

        //apply the styles
        getStyleClass().add("browser");

        //add the web view to the scene
        getChildren().add(browser);

        // load default image
        image = new ImageView();
        image.setImage(loaderImage);
        setStyle("-fx-background-position: CENTER;");
        getChildren().add(image);

    }

Answer 1

According to the Javadocs :

By default a Region inherits the layout behavior of its superclass, Parent , which means that it will resize any resizable child nodes to their preferred size, but will not reposition them. If an application needs more specific layout behavior, then it should use one of the Region subclasses: StackPane , HBox , VBox , TilePane , FlowPane , BorderPane , GridPane , or AnchorPane .

So will probably have better luck using one of these.