Internet explorer 8 jcarousellite-IE8卷轴间距问题

我有jcarousellite插件在网页中运行(http://www.marketscout.com/various_sites/symposium11/). 它使用基于文本和图像的内容垂直滚动。我所有的东西看起来都是我想要的，但问题是IE8中的滚动从零位[li]标记开始向上几个像素。因此，它实际上从最后一个[li]开始，并导致每个[li]上的停止点略微倾斜

我在每一个[li]上都加了一个红色边框，这样你就可以看到起点有点偏离了。任何让它像在Firefox中那样做出反应的帮助都将是非常棒的。在firefox中，滚动条从第一个[li]的上边框开始，移动到下一个[li]时，滚动条在上边框停止。出于某种原因，IE8似乎正在与jcarousellite.js文件中发生的数学运算一起升级。我是一个完全的JQuery新手，但是我把下载中的所有.js文件都放到了我的文件结构中

jcarousellite_1.0.1c4.js、jcarousellite_1.0.1.pack.js和jcarousellite_1.0.1.min.js

我认为考虑到IE在css中为边距添加的额外像素空间有时可以解决这个问题。但事实并非如此。转盘的css包含在下面

#newsticker-demo { width:280px; 

填充：5px5px0； 字体系列：Verdana、Arial、无衬线字体； 字体大小：12px； 保证金：0px自动； 边框：0px纯蓝色； 高度：295px； }

newsticker演示版a{text decoration:none；} newsticker演示img{border:0px solid#FFFFFF；} newsticker演示。标题{ 文本对齐：居中； 字体大小：13px； 字体大小：粗体； 垫底：10px； 填充底部：8px\9； } .newsticker jcarousellite{宽度：270px；} .newsticker jcarousellite li.njl{列表样式：无；显示：块；填充底部：3px；边距：0px；边距底部：-2px\9；边框：1px纯红色；高度：62px；高度：64px；} .newsticker jcarousellite.thumboil{float:left；width:60px；height:60px；border:0px solid #ffffffff；} .newsticker jcarousellite.info{float:右侧；宽度：200px；高度：60px；边框：0px实心35; FFFFFF；} .newsticker jcarousellite.info span.cat{显示：块；字体大小：10px；颜色：#808080；} .clear{clear:两者；}

下面是javascript：

    $(function() {
    $(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        hoverPause:true,
        visible: 4,
        start: 0,
        auto:1500,
        speed:2000
    });
});

以下是HTML：

<div id="newsticker-demo">    
    <div class="title">2011 Symposium Speakers</div>
    <div class="newsticker-jcarousellite">
        <ul>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/RossBuchmuellersm.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#RossBuchmueller">Ross Buchmueller</a>
                <br/>President and CEO<br/>PURE Risk Management</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#RobByler">Rob Byler</a>
                <br/>President<br/>QBE</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#PeterEastwood">Peter Eastwood</a>
                <br/>CEO<br/>Lexington Insurance</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/RickGulliversm.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#RichardGulliver">Richard Gulliver</a>
                <br/>President<br/>HUB International</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/AlanKaufmansm.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#AlanKaufman">Alan Kaufman</a>
                <br/>Chairman, President, & CEO<br/>Burns & Wilcox</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#RichardKerr">Richard Kerr</a>
                <br/>Founder and CEO<br/>MarketScout</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#MichaelHLee">Michael H. Lee</a>
                <br/>Chairman, President and CEO<br/>Tower Group Companies</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#JayPoorman">Jay Poorman</a>
                <br/>Managing Director<br/>StoneRidge Advisors, LLC</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#SusanRivera">Susan Rivera</a>
                <br/>CEO<br/>V3</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/Speaker60.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#DougTeegan">Doug Teegan</a>
                <br/>Managing Director<br/>Lloyd's America, Inc.</span>
            </div>
            <div class="clear"></div>
        </li>

        <li class="njl">
            <div class="thumbnail">
                <img class="nji" src="images/speakers/HankWatkinssm.png" alt="" />
            </div>
            <div class="info">
                <span class="cat"><a href="speakers.asp#HankWatkins">Hank Watkins</a>
                <br/>President<br/>Lloyds America, Inc.</span>
            </div>
            <div class="clear"></div>
        </li>

        </ul>
    </div>
</div>  

2011年研讨会发言人



总裁兼首席执行官
纯风险管理



总裁
QBE


首席执行官莱克星顿保险公司



总裁
国际枢纽



董事长、总裁兼首席执行官
伯恩斯和威尔科克斯



创始人兼首席执行官
MarketScout



塔楼集团公司董事长、总裁兼首席执行官



斯通里奇顾问有限责任公司常务董事



首席执行官
V3



总经理
劳埃德美国公司。



总裁
劳埃德美国公司。

---

提前感谢您的帮助

在提供的CSS中查找代码：

.newsticker-jcarousellite ul li{
    list-style:none;
    display:block;
    padding-bottom:1px;
    margin-bottom:5px;
    height:180px;  /*added code for setting height */
}

在脚本功能中还设置：

<script type="text/javascript">
$(function() {
    $(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        hoverPause:true,
        visible: 2,
        auto:100,
        speed:1000,
        height:180  /*added code for setting height */
    });
});
</script>

$（函数（）{
$（“.newsticker jcarousellite”）.jcarousellite({
是的，
悬停：是的，
可见：2，
汽车:100,，
速度：1000，
高度：180/*增加了设置高度的代码*/
});
});

您只需要在CSS的这一部分上设置高度因子