选项卡切换背景问题

Question

ie下又变渣渣了
上图一个是谷歌浏览器下效果，另一个是ie下
可有遇到这类情况的，大致是什么原因，求css大神

<div class="videom">
        <ul>
            <li class="on"><a href="javascript:;" onclick="javascript:playload(0)"><span class="j">第一集</span><span class="t">梦寐以求</span></a></li>
            <li><a href="javascript:;" onclick="javascript:playload(1)"><span class="j">第二集</span><span class="t">使团外交</span></a></li>
            <li><a href="javascript:;" onclick="javascript:playload(2)"><span class="j">第三集</span><span class="t">战争阴霾</span></a></li></ul>
    </div>

css代码

.videom ul li.on {background: url(images/v1_03.png) no-repeat;color: #fff;
z-index: 1;}
.videom ul li {
width: 132px;
height: 57px;
float: left;
position: relative;
margin-left: -22px;
background: url(images/v_03.png) no-repeat;
}

Answer 1

你用的是 CSS 的那个选择器呢? html标签元素是什么?

Answer 2

看你的问题应该是哪个<li>标签处于active状态就加上on的类吧?
试下background: url(images/v1_03.png) no-repeat !important;
还有css代码.on前面不需要跟.videom ul li