Селекторы соседних элементов и псевдоэлемент :before в Chrome 10

Это странно. <OL> на http://www.madebypaz.com/profile использует псевдоэлемент :before для аннотаций диаграмма (азбука и изображение). Я использую селекторы смежных братьев и сестер для этого так:

#profiletext ol li:before {
    content: 'A';
    }

#profiletext ol li+li:before {
    content: 'B';
    }

#profiletext ol li+li+li:before {
    content: 'C';
    }

#profiletext ol li+li+li+li:before {
    content: '';
    }

#profiletext ol li+li+li+li {
    background: url('/wp-content/themes/paz2010/images/sweet-spot.png') no-repeat;
    margin-left: 0;
    padding-left: 38px;
    }

#profiletext ol li {
    height: 30px;
    margin-left: 10px;
    }

Это, вероятно, не самое элегантное решение, но оно отлично работало во всех браузерах, включая Chrome, пока кто-то не указал мне, что оно не работает в Chrome 10. В Chrome 10 он отображает AAA и меняется на правильный символ при наведении курсора. Это любопытно, потому что не определен даже стиль :hover!

Вот запись этого экрана: http://cl.ly/0E170v1Z0O2E0f3F0j0d

Почему это происходит и как я могу это исправить? Есть ли лучший способ добиться того же результата?

Любые указатели с благодарностью!