0

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コードです:

http://pastebin.com/q9pvzP8B

float:left を li で使用しようとしましたが、問題は解決しません。誰か助けてくれませんか?アドバイスありがとうございます。

4

0 に答える 0