class og id clash

Jeg har følgende:

<tr class='c1' id='hl1' onMouseOver="mark('hl1');" onMouseOut="unmark('hl1');"><td>cell21</td><td>cell22</td><td>cell23</td><td>cell24</td></tr>

I JS har jeg:
    function mark(id) {
        document.getElementById(id).bgColor = '#ff0000';
    }
    function unmark(id) {
        document.getElementById(id).bgColor = '#ffffff';
    }

I CSS har jeg:
tr.c1 {
    background: green;
}

Men rækken ændrer ikke farve, når musen er over. Det gør den, hvis jeg fjerner class'en på rækken, men det ønsker jeg jo heller ikke! Hvad kan jeg gøre? Det er ikke en løsning at ændre definitionen af class'en c1 dynamisk, da andre rækker med den class ikke skal ændres!