Eu tentei criar tags personalizadas para que os usos possam inserir texto que exibe algo em vermelho ou negrito etc. quando renderizado como HTML, por exemplo,

<rb>text here becomes red and bold</rb> and goes to default here

isso é renderizado em uma div com a classe 'note' e eu tenho o seguinte css configurado

.note rb
{
    color:Red;
    font-weight:bold;
}

Funciona em ie9, chrome, firefox, mas não funciona em ie8. Como posso fazê-lo funcionar lá?