如何在IE中内联SPAN？

Question

这是IE8中的元素

这是Firefox中的元素

我需要IE版本看起来像FF版本。我该如何设计它呢？风格如下：

.simpleTree
{

    margin:0 0 10px 0;
    padding:10px 0 0 20px;

    overflow:auto;
    width: auto;
    height:250px;
    overflow:auto;
    border:1px solid #b7befe;
    border-width:2px 0 1px;
    background:#fff;

}
.simpleTree li
{
    list-style: none;
    margin:0;
    padding:0 0 0 12px;
    line-height: 14px;
}
.simpleTree li span
{
    display:inline;
    clear: left;
    white-space: nowrap;
}
.simpleTree ul
{
    margin:0 0 0 40px; 
    padding:0;

编辑：对评论的回应 我添加了zoom: 1 - 没有变化

编辑：添加了HTML代码

<ul class="simpleTree">

<li class="root">

<ul>
<li class="line">&nbsp;</li><li id="13108" class="folder-close"><img border="0" src="images/spacer.gif" class="trigger" style="float: left;"><span class="text">English Language Arts (0)</span><ul class="ajax"><li class="line">&nbsp;</li><li class="doc-last">{url:?q=arisbrowser/ajax/get_tree&amp;getset=g&amp;vid=10&amp;tid=13108&amp;time=&amp;gs=}</li><li class="line-last"></li></ul>
</li>

<li class="line">&nbsp;</li><li id="13109" class="folder-close"><img border="0" src="images/spacer.gif" class="trigger" style="float: left;"><span class="text">Math (0)</span><ul class="ajax"><li class="line">&nbsp;</li><li class="doc-last">{url:?q=arisbrowser/ajax/get_tree&amp;getset=g&amp;vid=10&amp;tid=13109&amp;time=&amp;gs=}</li><li class="line-last"></li></ul>
</li>

<li class="line">&nbsp;</li><li id="13110" class="folder-close-last"><img border="0" src="images/spacer.gif" class="trigger" style="float: left;"><span class="active">Literacy in History/Social Studies, Science, and Technical Subjects (0)</span><ul class="ajax"><li class="line">&nbsp;</li><li class="doc-last">{url:?q=arisbrowser/ajax/get_tree&amp;getset=g&amp;vid=10&amp;tid=13110&amp;time=&amp;gs=}</li><li class="line-last"></li></ul>
</li><li class="line-last"></li>
</ul></li>
</ul>

Answer 1

li span{overflow-x: scroll;white-space: nowrap;}

jsfiddle：http://jsfiddle.net/rc6ck/1/

<ul class="simpleTree">似乎可能在另一个容器内。与<ul>相对应的测试页面或完整HTML可能有助于解决问题。

试试这个：

http://jsfiddle.net/ZdzT9/4/

它从包含div中删除.d {word-wrap: break-word; }。

好的，所以你需要那个。试试这个：

http://jsfiddle.net/ZdzT9/6/

此时word-wrap: normal已添加到.simpleTree li {}

Answer 2

不确定如何设置展开按钮的样式，但请尝试white-space:nowrap