ich verwende ebenfalls ein Image Rollover, jedoch in einer etwas gekürtzen Version. Die funktioniert nur leider nicht und ich dachte du könntest mir vielleicht erklären warum.
Also folgendes:
In deinem Beispiel kommt folgende Zeile häufig vor ” background: #FFF url(rollover_combined.gif) no-repeat left center;
}”
Ich dachte das könnte man kürzen in dem man den Rollovers eine Klasse zuweist die besagt, dass sich das Background-Image niemals ändert:

dazu: .bg { background-image: url(rollover_combined.gif)
diese jedem Button zuweisen und schon hat man sich ein paar Zeilen Code erspart. Soweit so gut. Ich wollte aber noch einen Schritt weiter gehen und die Tatsache, dass sich ja immer nur “no-repeat center top;” in “no-repeat center center;” usw… ändert, durch bg:hover { background-position: no-repeat center center;” vereinfachen.
Eigentlich logisch, aber es funktioniert nicht. Kannst du mir weiterhelfen?