title: Chrome packaged app maximized messing with content
body: <p>I'm creating a test project, a chrome packaged app. In html/css I put the bar style as width: 100%, but when I maximize my app it just go like the half of the screen.</p>
  
  <p>Here some screenshot:
  <img src="https://i.stack.imgur.com/U7FjI.png" alt="windowed"></p>
  
  <p><img src="https://i.stack.imgur.com/9PIFc.png" alt="FullScreen"></p>
  
  <p>That first bar is the problem, its width: 100% but it isnt working.
  My html of that section:</p>
  
  <pre><code>    &lt;section id="main" style="width: 100%; height: 100%;"&gt;
          &lt;div id='jqxWidget' style="width: 100%;"&gt;
              &lt;div id='jqxMenu' style='visibility: hidden; margin-left: 5px; width:100%;'&gt;
                  &lt;ul&gt;
                      &lt;li&gt;Vendas
                          &lt;ul style="height: 60px;"&gt;
                              &lt;li id="AbrirVenda"&gt;Abrir Venda&lt;/li&gt;
                              &lt;li id="ConsultarVendas"&gt;Consultar Vendas&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;Produtos
                          &lt;ul style="height: 30px;"&gt;
                              &lt;li id="ConsultarProdutos"&gt;Consultar Produtos&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li id="Sair"&gt;Sair&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>