[jQuery UI tabs + layout] layout inside of a tab on the whole screen... how?

Good day... Trying to get inside one of the tabs was a splitter in this way:
<link type="text/css" rel="stylesheet" href="css/ANTOR group has/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"/>
"text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
"text/javascript" src="js/jquery-layout.js"/>
"Content-Type" content="text/html; charset=UTF-8">
ii

"text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
"tabs">
"#expertTab">Expert mode
"#userTab">User mode

"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.


and get this: .
How can I do to Taba together with his content was the full height of the browser window?