Nulstil CSS ?????????????

Hejsa,

Jeg har en tabel hvor jeg bruger et baggrundsbillede men vil gerne have at <tr> til </tr> skifter farve når jeg kører musen hen over.

Så jeg gør således:

I headeren:
    <script>
    function onMouserOverColor(id) {
        //alert('Hej')
        document.styleSheets(0).addRule("#tr"+id+"", "{background-color : #B5BED6;}");
    }
    function onMouserOutColor(id) {
        //alert('Farvel')
        document.styleSheets(0).addRule("#tr"+id+"", "{background-color : ;}");
    }
    </script>

... og nede i en tabel:
<tr id="tr1" onMouseOver="onMouserOverColor(1)" onMouseOut="onMouserOutColor(1)">


Når jeg så fjerne musen fra <tr> området vil jeg jo gerne have mit baggrundsbillede frem igen, men kan kun få en ny farve frem ved at bruge: onMouseOut="onMouserOutColor(1)"

Så mit spørgsmål er, hvordan faen får jeg nulstillet noget CSS så min farve forsvinder?????.

Løsningen skal blot virke i explorer 5.5 eller 6.0 og opefter.

Hilsen Lauge