Javascript IE中带有删除按钮的列表（非LI元素）样式

我有一个我喜欢的风格，和往常一样，它在Firefox18中看起来不错，但在IE9版本上（我知道它不是完全最新的），它看起来很可怕（而且很糟糕）

所以我决定放弃这种风格，试着在网上找到一个可行的例子。然而，我发现不可能找到类似的东西，更不用说与IE兼容了

这里有没有人知道如何修复我的示例并使其更向后兼容，或者有没有人知道这种风格的示例，我可以从中获得一些指导

HTML

JQuery

$(document).ready(function() {
    $('.DateStyle_Cross').hover(function(){
        $(this).parent().css('background','#751919 ');
    }, function(){
        $(this).parent().css('background','#4A4F54');
    })
    $('.DateStyle').hover.css( 'cursor', 'crosshair' );
    $('.DateStyle_Cross').hover.css( 'cursor', 'crosshair' );
});

---

谢谢

$（'.DateStyle'）.hover.css（'cursor'，'crosshair'）？？？你是说你不能在IE中制作圆角的灰盒吗？人们仍然支持IE？我建议你回答这个问题：问题是什么？
.DateStyle {
    display: inline-block;
    background-color: #4A4F54;
    color: #A4A7AA;
    font-weight: bolder;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 2px 6px 2px 8px;
    line-height: 1.2em;
}
.DateStyle_Date {
    padding-right: 5px;
    border-right: #A4A7AA dashed 1px;
}
.DateStyle_Cross{
    padding-left: 4px;
    height: 15px;
}

.DateStyle:hover {
    background-color: #5C6165;
}

$(document).ready(function() {
    $('.DateStyle_Cross').hover(function(){
        $(this).parent().css('background','#751919 ');
    }, function(){
        $(this).parent().css('background','#4A4F54');
    })
    $('.DateStyle').hover.css( 'cursor', 'crosshair' );
    $('.DateStyle_Cross').hover.css( 'cursor', 'crosshair' );
});