IE9 Tab Issues

So I upgraded to 2.5.6 so that I could be compatible with IE9, but im still not compatible. Here's a sample of what I am doing:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<link href="runtime/styles/xp/aw.css" rel="stylesheet" type="text/css"></link>

<style>

div.configProp{

    border:1px solid #919b9c;

    padding:3px;

    display:block;

    height:250px;

}

div.configPropHidden{

    border:1px solid #919b9c;

    padding:3px;

    display:none;

}

</style>

<script language="JavaScript" type="text/javascript" src="runtime/lib/aw.js"></script>

</head>



<body>

<span id="tabs"></span>

<div id="box1" class="configPropHidden">1</div>

<div id="box2" class="configPropHidden">2</div>



<script>

var arrayTabs = new Array();

arrayTabs[0] = new Array("tab1",1);

arrayTabs[1] = new Array("tab2",2);



var tabs = new AW.UI.Tabs;

tabs.setId("tabs");

tabs.setItemText(function(i){return arrayTabs[i][0]});

tabs.setItemCount(arrayTabs.length);

tabs.onSelectedItemsChanged = function(index){

    document.getElementById('box1').className = "configPropHidden";

    document.getElementById('box2').className = "configPropHidden";



    switch (arrayTabs[index][1]){			

        case 1:

            document.getElementById('box1').className = "configProp";

            break;

        case 2:

            document.getElementById('box2').className = "configProp";

            break;			

    }

}

tabs.refresh();

</script>

</body>

</html>

I some cases, the tabs wont show up, and in others the first tab takes the entire width of the entire control. It also takes multiple clicks on the tab in order for the event to take. Anyone have any idea whats going on?

Forum search