dojo ContentPane问题 设置href引用显示不正常

我在一个a.html里做了一个ContentPane，然后用href属性引用了另一个页面b.html
这个b.html里有一个TabContainer，问题是这个TabContainer显示不正常，而且行为也不正常
到底怎么回事请高手帮忙解决下，不然我的系统都做不了了- -！a.html<!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">
<title>Untitled Document</title>
 <style>
@import "dojolib/dijit/themes/soria/soria.css";
@import "dojolib/dojo/resources/dojo.css"
</style>
<script src="dojolib/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
<script>
dojo.require("dijit.layout.ContentPane");
</script>
</head>
<body class="soria">
<div dojoType="dijit.layout.ContentPane" href="center.html">
    Hi, pretty boring huh?
</div>
</body>
</html>
b.html<!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">
<title>Untitled Document</title>
<style>
@import "dojolib/dijit/themes/soria/soria.css";
@import "dojolib/dojo/resources/dojo.css"
</style>
<script src="dojolib/dojo/dojo.js"></script>
<script>
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
dojo.addOnLoad(function() {
        var tc = new dijit.layout.TabContainer({
            style: "height: 100%; width: 100%;"
        }, "tc1-prog");         var cp1 = new dijit.layout.ContentPane({
            title: "Food",
            content: "We offer amazing food"
        });
        tc.addChild(cp1);

        var cp2 = new dijit.layout.ContentPane({
            title: "Drinks",
            content: "We are known for our drinks."
        });
        tc.addChild(cp2);

        tc.startup();
     }); </script>
</head>
<body class="soria">
<div style="width: 350px; height: 290px">
    <div id="tc1-prog">
    </div>
</div>
</body>
</html>