在IE9上滚动字幕文本换行

Question

我正在处理滚动字幕SharePoint Web部件。 Web部件正在使用循环插件（http://jquery.malsup.com/cycle/）

文本将向下滚动到顶部并重新出现在顶部。它在IE8中按预期工作。但是，在IE9中，某些字符串会有问题。 （例如，5月9日的UAT测试）当文本重新出现在顶部时，它由未知原因包裹。

这里有小提琴链接：

  

http://jsfiddle.net/9PK6z/18/

见下图：

这是脚本的一部分：

<div id='ticker_10eb4222-addd-4f86-8d84-94926eae0aa2' class='ticker' style='position: relative; width: 530px; height: 60px; overflow: hidden;'>
<ul class="list-style1"><li><span>UAT Testing on 1 Aug</span></li></ul>
</div>

</div>
<script type="text/javascript">

$(document).ready(function() { 
    for(var i =0; i<2; i++) { 
        $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .find("ul")
        .clone()
        .appendTo($('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')); 
    } 

    $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .cycle({ fx: 'scrollVert', continuous: 1, speed: $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .find("ul:eq(0) li").size() * 3000, delay: 0, easing: 'linear', rev:0 }); 
}); 

</script> 

像“8月1日的UAT测试”这样的字符串不会有问题。我尝试了很多组合仍然没有找到模式。 IE9中的哪些变化会导致问题？

Answer 1

基于你的小提琴，似乎是overflow css属性的问题。

我发现通过将overflow从#ticker元素切换到ul元素，它开始起作用

.bochk-list-style1 {
    background-color:#ffffb6;
    overflow: hidden;
}
#ticker {
    border:1px solid black;
}

我在Chrome和IE9中对此进行了测试，它似乎运行正常

<强> Fiddle