Почему не отображается измененный вид кнопки чекбокса?

Меняю внешний вид кнопок радио и чекбокс.
Изображение радиокнопки показывается как надо, а чекбокса нет. Элемент радиокнопки есть и стоит на месте, но изображения в нем нет.
Вот css:

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
    width   : 28px;
    margin  : 0;
    padding : 0;
    opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
    display      : inline-block;
    margin-left  : -28px;
    padding-left : 28px;
    background   : url('rb.png') no-repeat 0 0;
    background-size: 24px auto;
    line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
    background-position : 0 -96px;
}

input[type=radio]:not(old):checked + label{
    background-position : 0 -48px;
}

в хроме