onmouseover und CSS

[Kronos]

In einem Menü aus Tabellenzellen soll das Hintergrundbild bei mouseover wechseln.
Das gelingt natürlich mit dem erweiterten TD-Tag:
<TD onmouseover="this.style.backgroundImage='bild1.png';"
onmouseout="this.style.backgroundColor='bild2.png';" >

Der besseren Wartung wegen möchte ich den Wechsel ins CSS auslagern.
Also:
Im HTML-Text:
<td id="bunte_zelle"> ....
Im CSS
#bunte_zelle {
}
Doch was passiert zwischen { und }? Ich bekomme es nicht hin, die mouseover- bzw. mouseout-Anweisungen ins CSS zu zwingen!
Wie lautet die genaue Syntax?
Danke sehr für eine Antwort.
Kronos