请求高手指点，Dojo progressbar 在ff中能正常显示，而在IE中无法显示。显示结果如图：
ff中完美显示：
而在IE中的显示如图：
源代码是：
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Interview Input</title>
<style type="text/css">
@import "../style/global.css";
@import "/jslib/dojo-release-1.3.1/dijit/themes/tundra/tundra.css";
@import "/jslib/dojo-release-1.3.1/dojo/resources/dojo.css";
html,body,#main {
width: 100%; height: 100%;
border: 0; padding: 0; margin: 0;
}
#contactZone>div {
width: 20%; float: left;
}
</style>
<link rel="Stylesheet" href="/style/global.css"/>
<script type="text/javascript" src="/jslib/dojo-release-1.3.1/dojo/dojo.js" djConfig="parSEOnLoad: true"></script>
<script>
dojo.require("dojo.parser");
dojo.require("dijit.form.Slider");
</script>
</head>
<tr>
<td style="text-align: right;" valign="top">业务进度：</td>
<td colspan="5">
<div id="progress" name="progress" dojoType="dijit.form.HorizontalSlider" value="<%=(interview == null) ? "20" : interview.getProgress()%>" minimum="0" maximum="100"
discreteValues="11" intermediateChanges="true" showButtons="true" style="white-space: nowrap; width:90%;">
<ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration" style="height:1em;font-size:100%;color:gray;" >
<li>零接触</li>
<li>初次拜访</li>
<li>相互了解</li>
<li>意向达成</li>
<li>合同签订</li>
<li>售后</li>
</ol>
<div dojoType="dijit.form.HorizontalRule" container="bottomDecoration"
count=11 style="height:5px;"></div>
<ol dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration"
style="height:1em;font-size:75%;color:gray;" >
<li>0</li>
<li>10</li>
<li>20</li>
<li>30</li>
<li>40</li>
<li>50</li>
<li>60</li>
<li>70</li>
<li>80</li>
<li>90</li>
<li>100</li>
</ol>
</div>
</td>
</tr>请Ajax高手指点迷津，这里谢过了~！最好有具体的代码~！