I am using TabPanel in my GWt application

              <g:HTMLPanel>
    <div class="center">
        <g:TabLayoutPanel ui:field="tabPanel" barUnit="PX"
            barHeight="40" width="100%;">
            <g:tab>
                <g:header>
                    DashBoard
                </g:header>
              </ g:TabLayoutPanel>

using this for my tabpanel height

          .gwt-TabLayoutPanel {
           min-height:500px;
             }

its working fine , BUT i want this height to be 100%, But when I make it to 100% ,The whole TabPanel disappears ,

Any solution for that ..coz when my stuff hights increase , the lower are start cutting off ..

thanks