Макет не прокручивается

Я занимаюсь разработкой приложения с использованием загрузки Vaadin / Spring, и мне удалось установить фон моего приложения, используя следующий CSS, расположенный в файле styles.scss (в myTheme согласно Vaadin):

.backgroundImage{

      background: url("img/background4.png") ;
    min-height: 100%;
    width: 100%;
    position: fixed;
    top:0;
    left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    }

который делает то, что написано на банке, устанавливает фоновое изображение. Моя проблема в том, что из-за этого страница больше не прокручивается, вот изображение одной из моих форм: .

Кто-нибудь знает, где я здесь ошибаюсь? Кроме того, я действительно хочу установить этот фон в качестве фона по умолчанию для моего приложения. Кто-нибудь может посоветовать, как это сделать?

Я изменил CSS следующим образом:

  .backgroundImage{

    background: url("img/background4.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

как указано Мо, но теперь я получаю отступ 37 пикселей? конструктор класса выглядит так:

 public AddEmployeeView() {
        GridLayout grid = new GridLayout(3,2);
        setSizeFull();
        setStyleName("backgroundImage");
        setMargin(false);
        setDefaultComponentAlignment(MIDDLE_CENTER);
        addComponent(aUI.getHeader());
        header.addStyleName("h2");
        addComponent(header);
        Panel topleft = topLeftAndBottom();
        Panel topright = topRight();
        grid.setSizeUndefined();
        grid.addComponent(topleft,0,0,0,1);
        grid.addComponent(topright,1,0,1,1);
        addComponents(grid,generateButtons());

    }