Упакованное приложение Chrome максимизировало взаимодействие с контентом

Я создаю тестовый проект, приложение для Chrome. В html/css я помещаю стиль полосы как ширину: 100%, но когда я максимизирую свое приложение, оно просто занимает половину экрана.

Вот скриншот:

Эта первая полоса - проблема, ее ширина: 100%, но она не работает. Мой html этого раздела:

    <section id="main" style="width: 100%; height: 100%;">
        <div id='jqxWidget' style="width: 100%;">
            <div id='jqxMenu' style='visibility: hidden; margin-left: 5px; width:100%;'>
                <ul>
                    <li>Vendas
                        <ul style="height: 60px;">
                            <li id="AbrirVenda">Abrir Venda</li>
                            <li id="ConsultarVendas">Consultar Vendas</li>
                        </ul>
                    </li>
                    <li>Produtos
                        <ul style="height: 30px;">
                            <li id="ConsultarProdutos">Consultar Produtos</li>
                        </ul>
                    </li>
                    <li id="Sair">Sair</li>
                </ul>
            </div>
        </div>