[Resolvido] line-height em outros browsers

é o seguinte nesse site: http://www.dev.imak.com.br/

onde está "temos um problema..." eu estou trabalhando da seguinte forma:

nesse texto todo são 8 tags <span>, com uma tag <br /> após cada span. para definir o line-height de cada <br /> eu defini 5 classes:

.br1 {line-height: 20px;}

.br2 {line-height: 40px;}

.br3 {line-height: 60px;}

.br4 {line-height: 80px;}

.br5 {line-height: 100px;}

Esse método está funcionando bem no firefox4 e ie9, mas em todos os outros todas as <br /> tem o mesmo tamanho, ou seja, acredito que as classes que eu defini não estejam sendo aplicadas nos outros browsers, alguém sabe o porque?