Eu tenho algum JavaScript trivial para efetuar uma alteração de estilo:

sel = document.getElementById('my_id');
sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected');
return false;

Isso funciona bem com as versões mais recentes do FF, Opera e IE, mas falha nas versões mais recentes do Chrome e Safari.

Afeta dois descendentes, que são irmãos. O primeiro irmão é atualizado, mas o segundo não. Um filho do segundo elemento também tem foco e contém o<a> tag que contém o código acima em umonclick atributo.

Na janela "Ferramentas do desenvolvedor" do Chrome, se eu cutucar (por exemplo, desmarque e marque)qualquer atributo dequalquer elemento, o segundo irmão é atualizado para o estilo correto.

Existe uma solução alternativa para facilmente e programaticamente "empurrar" o WebKit para fazer a coisa certa?