li 要素をインラインで表示するリスト ul があります。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コードです:
float:left を li で使用しようとしましたが、問題は解決しません。誰か助けてくれませんか?アドバイスありがとうございます。