Маленькая проблемка с кодом кнопки.

[niks734]

Здравствуйте всем.
Поставил на своем блоге вот такую кнопку меняющую цвет "СКАЧАТЬ" вида —
<table width=400 align=center cellpadding=5 cellspacing=0 border=2>
<tr style="cursorointer">
<td onmouseover="style.backgroundColor= '#33ff33', style.fontFamily='courier', style.color='white', style.fontWeight='bold'" onmouseout="style.backgroundColor=' transparent', style.fontFamily='arial', style.color='black', style.fontWeight='normal'">
<span style="text-decoration: underline;"><strong><center><a href="http://deepsmr.ru/?p=112" target="_blank"><span style="color: #ff0000; text-decoration: underline;">СКАЧАТЬ</span></a></center></strong></span>
</td>
</tr>
</table>
Обновляю. Все работает-мигает. А через некоторое время прекращается и в коде появляется лишний тэг <tbody>
Ну типа вот так:
<table border="2" width="400" cellspacing="0" cellpadding="5" align="center">
<tbody>
<tr style="cursor: pointer;">
<td><center><a href="http://deepsmr.ru/?p=112" target="_blank"><span style="color: #ff0000; text-decoration: underline;">СКАЧАТЬ</span></a></center></td>
</tr>
</tbody>
</table>

Сам переход работает, а анимации нет.
Кто его ставит? Зачем? Ничего не пойму.
Буду Вам очень благодарен за помощь.
С уважением, Викторович.
P.S. Может у Вас какая другая кнопка на примете есть? ))
Спасибо!

[Дмиртий]

<style>
a.button {
text-decoration:none;
user-select:none;
background-color:transparent;
outline:none;
}
a.button:hover {
background-color:#33ff33;
}
a.button:active {
background-color:blue;
}
</style>

<a class="button" href="http://deepsmr.ru/?p=112" target="_blank">СКАЧАТЬ</a>


Попробуйте так