求:dojo progressbar在IE中为什么不能正常显示?

请求高手指点,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高手指点迷津,这里谢过了~!最好有具体的代码~!

相关文章

我有一个网格,可以根据更大的树结构编辑小块数据.为了更容易...
我即将开始开发一款教育性的视频游戏.我已经决定以一种我可以...
我正在使用带有Grails2.3.9的Dojo1.9.DojoNumberTextBox小部...
1.引言鉴于个人需求的转变,本系列将记录自学arcgisapiforja...
我正在阅读使用dojo’sdeclare进行类创建的语法.描述令人困惑...
我的团队由更多的java人员和JavaScript经验丰富组成.我知道这...