html - 'a'タグにカーソルを合わせます（IEが正しく機能していません）

Question

タグdiv付きがあります。で定義されaたスタイルがあります。IEを除いて、すべて正常に動作します。（IEで）デモを開いてください。時間の経過とともにマウスを動かしてみてください。ご覧のとおり、最初の色が変わります。このバグを修正するにはどうすればよいですか？hovercssdivdiv

Answer 1

削除して、CSSの最後のスタイルであるinにdisplay: table;置き換えます。overflow: hidden;#kassa_cont_space .sean_box .details .sched

#kassa_cont_space .sean_box .details .sched {
    padding: 0px 15px 15px 15px;
    overflow: hidden;
}

動作中のJSFiddle：http: //jsfiddle.net/BqjSa/4/

Answer 2

コードのこの部分を変更します...

<div class="sched">
<a href="javascript:void(0);" class="link _001" style = "display:block;"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
<a href="javascript:void(0);" class="link _001"><span class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>

..これに..

<div class="sched">
<div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>
   <div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div><div style="float:left; margin:0;padding:0">
    <a href="javascript:void(0);" class="link _001" style = "display:block;"><span    class="time">10:30</span><span class="cost">от 700 тг</span></a>
</div>
    </div>

これはあなたの問題を解決します...

または、「＃kassa_cont_space .sean_box .details.sched」cssから「display：table」を削除します。