src von <input type='image' ... /> über Pseudoformate änderbar?

[Sebastian]

Hallo Forumler,

habe da ein Problem :-)

Ich habe in einem Formular ein "Bild-Knopf" (Fachbegriff?):

<input type='image' name='myForm[submit][houses]' src='houses.gif' style='cursor:hand;' id='houses'/>

nun lässt sich ja über die Pseudoformate lustig ein bischen Farbe ins Spiel bringen... z.B so:

(in der CSS-Datei)
(und ja, das Beispiel ist absichtlich stumpfsinnig übertrieben, damit ich sehen konnte ob es überheupt funktioniert...)

input[id=houses]:hover
{
  border-style:solid;
  border-color:#ff0000;
  border-width:5px;
}

Wenn ich jetzt also wollte, das beim "hover" bzw. "onMouseOver" ein grässlicher roter Rand entsteht, dann würde das so funktionieren...

Was ich aber eigentlich möchte ist, dass sich beim "hover" das Bild an sich ändert (nein, ich möchte es gern ohne JavaScript versuchen!), gibt's da irgendwelche Möglichkeiten über CSS?

Ich hoffe ich konnte mich verständlich ausdrucken...

_______________________
Mit freundlichen Grüßen
Sebastian