IE8 rendering issue

Suite and Optimus Suite 5
#1

I’m getting a double dhtmlx toolbar using a 1 pane layout in IE8. IE10 and Chrome are fine. So, I tried putting a DOCTYPE. It fixed the double toolbar but now my pane has a height of 11px with a scrollbar. Switching from quirks to standards mode does the same, tiny pane height.

<html>
<head>
	<style> body  { margin:0;  }</style>

<link rel="stylesheet" type="text/css" href="dhtmlx.css">
<script type="text/javascript" src="dhtmlx.js"></script>
</head>

<body>
<div id="dhtmlx_container" style="width:100%; height:100%;"></div> 
<script>
var dhxLayout, toolBar;
function buildLayout(){
	dhxLayout = new dhtmlXLayoutObject("dhtmlx_container", "1C", "dhx_skyblue");
	dhxLayout.cells("a").hideHeader();	
	dhxLayout.cells("a").setHeight(400);	
	dhxLayout.cells("a").attachURL("<$HttpRelativeWebRoot$>resources/federated/xml/home.hcst");
}		

function buildToolbar() {
	toolBar = dhxLayout.attachToolbar();
	toolBar.loadXML("<$HttpRelativeWebRoot$>resources/federated/xml/toolbar_bryson.hcst");
}
buildLayout();
buildToolbar();
</script>
</body>
</html>
#2

I was rendering in Quirks mode instead of standard mode with Developer tools. All good now.