title: How do I make vaadin do not show scrollbars (when using setSizeFull for main layout)
body: <p>Given the following vaading example app:</p>
  
  <pre><code>package net.kerba.vaadin7interface;
  
  import com.vaadin.annotations.Theme;
  import com.vaadin.annotations.VaadinServletConfiguration;
  import com.vaadin.server.VaadinRequest;
  import com.vaadin.server.VaadinServlet;
  import com.vaadin.shared.ui.label.ContentMode;
  import com.vaadin.ui.*;
  
  import javax.servlet.annotation.WebInitParam;
  import javax.servlet.annotation.WebServlet;
  
  /**
   * Created by IntelliJ IDEA.
   * Date: 19.11.13
   * Time: 20:48
   */
  
  @Theme("runo")
  public class MainUi extends UI {
  
      @Override
      protected void init(VaadinRequest request) {
  
          GridLayout main = new GridLayout();
          main.setSizeFull();
          main.setMargin(false);
  
          Panel panel = new Panel("Working area");
          main.addComponent(panel, 0, 0);
  
          // magic goes in 2 lines below
          panel.setWidth("500px");
          panel.setHeight("300px");
  
          panel.setContent(new Label("foobar");", ContentMode.PREFORMATTED));
  
          main.setComponentAlignment(panel, Alignment.MIDDLE_CENTER);
          setContent(main);
      }
  
      @WebServlet(name = "vaadinServlet",
              urlPatterns = {"/app/*", "/VAADIN/*"},
              asyncSupported = false,
              initParams = {@WebInitParam(
                      name = "widgetset",
                      value = "com.vaadin.DefaultWidgetSet"
              )}
      )
      @VaadinServletConfiguration(productionMode = false, ui = MainUi.class)
      public static class Servlet extends VaadinServlet {
  
      }
  }
  </code></pre>
  
  <p>When I use % for width and height: </p>
  
  <pre><code>panel.setWidth("50%");
  panel.setHeight("50%");
  </code></pre>
  
  <p>I get both scrollbars: </p>
  
  <p><img src="https://i.stack.imgur.com/OPSE5.png" alt="enter image description here"></p>
  
  <p>When I use pixels for width and height:</p>
  
  <pre><code>panel.setWidth("500px");
  panel.setHeight("300px");
  </code></pre>
  
  <p>The both scrollbars are gone: </p>
  
  <p><img src="https://i.stack.imgur.com/qWtqx.png" alt="enter image description here"></p>
  
  <p>How can I use % for width and height and make Vaadin do not show that scrollbars?</p>
  
  <p>Vaadin 7.1.8</p>