css Problem bei OnMouseOver & onMouseOut

    Hi

    hab mal ein Problem das ziemlich nervig ist...

    ich möchte eine Tabelle mit verschiedenen Rahmen definieren und dabei einen Hovereffekt einbinden (mittels CSS)

    http://www.pausch.at/htm/vorlage/index.05.htm

    scrollt runter bis ihr eine grüne Tabelle seht mit den verschiedenen hovereffekten.

    Erste Zeile passt! hab ich in der HTML-Datei geschrieben:
    <tr onMouseOver="this.style.backgroundColor='#ff0000'" onMouseOut="this.style.backgroundColor='00cc00'">

    Zweite Zeile passt nicht mehr.... hab in der HTML-Datei geschrieben:
    <tr onMouseOver="this.className='asdf'" onMouseOut="this.className='asdfout'">

    CSS-Datei:
    <!--
    .asdf
    { background-color: #ff0000;
    }

    .asdfout
    { background-color: #00cc00;
    }
    -->


    das Problem: er gibt einfach die Tabellenrahmen weg... ich habe keine Ahnung wieso...

    Für die einzelnen Zellen sind die Rahmen definiert.
    Ich hab schon probiert in den .asdf & .asdfout die rahmen anzugeben, aber er nimmt die Einstellungen nicht, weil es in die <tr> kommt und nicht in die Zelle...

    bitte um Hilfe... bin verzweifelt... probier da jetzan scho mehr als 3 Std.

    lg Stefan