显示li inline对IE无效

时间:2013-10-03 09:22:55

标签: css internet-explorer-8 internet-explorer-9 html-lists

我有一个列表ul,我将显示li元素内联。我没有Firefox,Chrome和Safari的问题,但我在IE 8/9上遇到了一些问题,因为它显示错误的列表办法。这是CSS:

#news #marquee-news ul{
   padding: 0;
   margin: 0;
   /*white-space: nowrap;*/
   margin-top: 8px;
   display: inline;    
}
#news #marquee-news ul li{
   list-style: none;
   color: #fff;
   display: inline; 
   font-size: 16pt;
}
#news #marquee-news ul li:first-child{
    margin-right: 40px;
}
#news #marquee-news ul li a{
    color: #fff;
}
#news #marquee-news ul li a:hover{
    text-decoration: none;
    color: #fff;
}
#news #marquee-news .bullet-news{
    color: #fff;
}
#news #marquee-news li:hover .bullet-news{
    color: #fff;
}

这是html代码:

http://pastebin.com/q9pvzP8B

我尝试使用float:left on li但不解决问题。有谁可以帮助我吗?感谢您对回复的建议。

0 个答案:

没有答案