CSS-Button

Mam ve formuláři input typu button a chtěl byh po přejetí myši změnit jeho třídu. Vypadá to nějak takhle:

<input name="pokus" type="button" value="odeslat" class="button-normal" onMouseOver="this.class='button-over'">

Ale vůbec mi to nechce fungovat. Pomozte prosím.
jak pomoct?
to proste nejde (resp. neni podporovany, pro rejpaly)
mas tam syntakticku chybu: this.class ma byt this.classname

vsak si vyskusaj toto:


<head>
<title>Tři sloupce</title>

<style>
.button-normal {
background-color: green;
}

.button-over {
background-color: red;
}

</style>

</head>
<body>

<input name="pokus" type="button" value="odeslat" class="button-normal" onmouseover="this.className='button-over'" onmouseout="this.className='button-normal'">

</body>
No to jsem nevěděl, že se to menuje classname:))
Ještě jeden dotaz. Jak udělt, aby se mi u textového odkazu text nepodtrhával?
text-decoration: none;