[jQuery UI tabs + layout] layout внутри таба на весь экран... как?

Доброго времени суток… Пытаюсь сделать, чтобы внутри одного из табов был сплиттер таким вот образом:

<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
      "Content-Type" content="text/html; charset=UTF-8">
    ii
  
      <script type="text/javascript">
      $(function() {
        $("#tabs").tabs();
      });
    </script>
    "tabs">
      

• "#expertTab">Expert mode

        "#userTab">User mode
      
      <script type="text/javascript">
        var expertLayout = null;
        $(function() {
          expertLayout = $("#expertTab").layout({
            resizable: true,
            closeable: false
          });
        });

      </script>
      <div id="expertTab">
        <div id="layout1" class="ui-layout-west">
          asdf
        </div>
        <div id="layout2" class="ui-layout-center">
          fdsa
        </div>
      </div>
      <div id="userTab"></div>
    </div>
  </body>
</html>

* This source code was highlighted with Source Code Highlighter.

и получаю вот это: .
Как можно сделать, чтобы табы вместе со своим содержимым были во всю высоту окна браузера?