Mam taki styl dla klawisza:

[HTML] pobierz, plaintext 
.klawisz {
	height: 34px;
	width: 150px;
	background-color: #000000;
	background-repeat: repeat;
	border :#000000 inset 2px ;
	padding: 0px 6px 0px 6px;
	font-weight: 900;
	font-size: 20px;
	visibility: hidden;
	background-image: url('../rysunki/tlo_menu.gif');
	color: #A52A2A;
}
.klawisz:hover {
	height: 34px;
	width: 150px;
	background-color: #000000;
	background-repeat: repeat;
	border: #00F outset 4px;
	padding: 0px 6px 0px 6px;
	font-weight: 900;
	font-size: 20px;
	background-image: url('../rysunki/tlo_menu.gif');
	color: #F00;
}
[HTML] pobierz, plaintext 

a w kodzie

[HTML] pobierz, plaintext 
<input id="kl_ok" class="klawisz" type="button" value="OK" onclick="Sprawdz_slowo()">
[HTML] pobierz, plaintext 

W IE8 nie dość, że nie ma inset/outset, to nawet hover nie działa. W operze chodzi bezbłędnie. O co tu chodzi?

Proszę spróbować w taki sposób:
border-style: outset;
border-style: inset;
Znacznik border jest raczej stosowany do określenia grubości ramki.

Nie pomogło

Z tego co wiem to IE ma problemy z obsługą pseudoklasy hover dla tagów innych niż <a>

No tak, le w <a> chyba nie da się wrzucić funkcji js, prawda?

Nieprawda. Śmiało można podpiąć zdarzenie onclick pod element <a>.