torsten: Buttons mit Bildern

Beitrag lesen

hallo,

hier erst mal mein code:

<head>
<style type="text/css">
<!--
 .button { width:144; height:126; }

a.button:link    { background-image:url(normal.jpg); }
 a.button:visited { background-image:url(normal.jpg); }
 a.button:hover   { background-image:url(hover.jpg); }
 a.button:active  { background-image:url(hover.jpg); }
-->
</style>
</head>

<body>
<a class="button" href="http://www.google.de"></a>
</body>

ich möchte grafische buttons machen, wobei beim hovern mit der mouse eine andere grafik erscheinen soll.
das funzt wunderbar im internet-explorer, leider nicht mit netscape. im netscape ist noch nicht mal die grafik zusehen. wie kann ich das auch für netscape reallisieren? mit kann es zwar auch mit javascript machen:

/* javascript code */
normal1 = new Image();
normal1.src = "normal.jpg";
hover1 = new Image();
hover1.src = "hover.jpg";

function bildwechsel(bildnr,bildobjekt)
{
  window.document.images[bildnr].src = bildobjekt.src;
}
/* javascript code */

aber auf javascript möchte ich gerne verzichten. hat jemand ne idee? kann mir jemand weiter helfen? würde mich sehr freuen.

gruß
torsten