I'm having an issue with tabs in a popup not showing in IE (tried 9 and 10). Chrome and FF seem ok. Anyone have this problem before or see anything wrong? Here is my test case simplified from the application I'm working on. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Popup with tabs</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.5/js/esri/css/esri.css" />
<script type="text/javascript">var djConfig = {parseOnLoad: true};</script>
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.5"></script>
<script type="text/javascript">
dojo.require("dijit.dijit");
dojo.require("esri.dijit.Popup");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
function init() {
popup = new esri.dijit.Popup({},"pop");
popup.resize(415, 200);
popup.setContent(dijit.byId("tabs").domNode);
popup.setTitle("Identify Results");
popup.show();
}
dojo.addOnLoad(init);
</script>
</head>
<body class="claro">
<div id="pop">
<div id="tabs" dojoType="dijit.layout.TabContainer" style="width:385px;height:150px">
<div id="parcelTab" dojoType="dijit.layout.ContentPane" title="Parcel"></div>
<div id="wetlandTab" dojoType="dijit.layout.ContentPane" title="Wetland"></div>
</div>
</div>
</body>
</html>
