Css 如何在IE中获得一个内联的SPAN？

这是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;

编辑：对评论的回应 我添加了

缩放：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>

英语语言艺术（0）
{url:？q=arisbrowser/ajax/get_tree&；getset=g&；vid=10&；tid=13108&；time=&；gs=}


Math（0）
{url:？q=arisbrowser/ajax/get_tree&；getset=g&；vid=10&；tid=13109&；time=&；gs=}


历史/社会研究、科学和技术学科的识字率（0）
{url:？q=arisbrowser/ajax/get_tree&getset=g&；vid=10&；tid=13110&；time=&；gs=}

jsfiddle：

似乎

可能在另一个容器内。与

相反的测试页面或完整HTML可能有助于解决此问题

试试这个：

它从包含的div中删除

.d{word wrap:break word；}

好的，你需要这个。试试这个：

---

这次

wordwrap:normal

被添加到

中。simpleTree li{}

不确定展开按钮的样式，但请尝试

空白：nowrap

默认情况下，span

元素已经是内联的……它是内联的，但它是包装的。我需要的是它不要在span和/或ul上包装成IETry

zoom:1

，你能提供浏览器看到的html吗？如果可能，你能复制问题吗？-查看IE和FFNo骰子中的小提琴-看起来仍然一样。我再次编辑以包含更完整的内容HTML@Shamoon嗯，当我发布我的答案时，问题的所有HTML都没有包括在内，我被否决了？“任何好事都会受到惩罚。”萨姆蒙补充了新的提琴和经过编辑的答案。请尝试一下。@Jen-由于其他原因（模板等），我无法编辑.d的CSS。我可以在UL内部做些什么来修复它？@Shamoon我发布了另一个提琴。我想，因为OP已经在使用

空白：nowrap

，它在他发布的CSS中。

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