Bild und Text bei hover tauschen

[elcomportal]

Hallo,

habe mal wieder ein kleines Problem.

ich habe ein paar links auf einer Seite.

mit hover tausche ich bei den Dingern die Hintergrundbilder aus.

Wie kann ich die Bilder UND gleichzeitig auch den Text austauschen?

Wenn möglich ohne Javascript oder andere Gemeinheiten. Und es sollte auf möglichst allen aktuellen Browsern funktionieren.

Hier ein Teil des Codes meiner CSS Datei:

#subnavlist li a:link {
    WIDTH: 157px; height: 52px;
    BACKGROUND: url(buttonnp.jpg);
    background-repeat:no-repeat;
    display: block;
    text-align:center;
    margin: 0px auto 0px -25px;
    padding: 10px 1px 2px 1px;
    text-decoration: none;
    color: #05058f;}
#subnavlist li a:hover{
    WIDTH: 157px; height: 52px;
    BACKGROUND: url(buttonhov.jpg);
    background-repeat:no-repeat;
    display: block;
    text-align:center;
    margin: 0px auto 0px -25px;
    padding: 10px 1px 2px 1px;
    text-decoration: none;
    color: #0090ff;}

Mfg
Torsten Müller