Es ist definitiv zu früh am Morgen, sorry.
In http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm# steht zwar erklärt ich sollte a:hover durch #button1:hover ersetzen doch dies funktioniert nicht.
Wo genau steht das? Ich finde es nicht.
Lies dir mal diesen Abschnitt durch:
http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm#a4 der sollte dir helfen.
Der Tipp bezieht sich auf _verschiedene_ Effekte, aber so wie ich dich verstanden habe dürfen/sollen die Buttons alle denselben Effekt nutzen. Also button1 wird zu button1on wenn die Maus drüberfährt, richtig?
Ich geh mal basteln...