Tabbar does not load grid

I’m having problem with my code below. In Tab 3, I would like to show the grid data but unfortunately it does not shows up.
Need help from everybody in this forum.

	<SCRIPT>
		function fnc_onload() 
		{
			mygrid = new dhtmlXGridObject('gridbox');
			mygrid.setImagePath("dhtmlx/dhtmlxGrid/codebase/imgs/");
			mygrid.setSkin("dhx_skyblue");
			mygrid.init();
			mygrid.enablePaging(true, 50, 10, "pagingArea", true, "infoArea");
			mygrid.setPagingSkin("bricks");
			mygrid.loadXML("load_xml.asp");
		}
	</SCRIPT>

	<FORM NAME="form1" METHOD="POST">
	<BODY>
		<div id="a_tabbar" hrefmode="ajax-html" class="dhtmlxTabBar" imgpath="dhtmlx/dhtmlxTabbar/codebase/imgs/" style="width:390px; height:390px;">
			<div id="a1" name="Tab 1" width="100px">
				--- some form fields here
			</div>

			<div id="a2" name="Tab 2" width="100px">
				--- some form fields here
			</div>

			<div oninit="fnc_onload()" id="a3" name="Tab 3" width="100px">
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
				<div id="gridbox" style="width:100%;height:100%;overflow:hidden">
				</div>
				<div>
				<span id="pagingArea"></span>&nbsp;<span id="infoArea"></span>
				<span id="recfound"></span>
				</div>
				</table>
			</div>
		</div>
	</BODY>
	</FORM>

Screenshot

This code is not enough to solve the problem. How does tabbar is initialized ? What files you are included?

We need the sample to reproduce the problem