onmouseover/onmouseout

[misterunknown]

Moin.

ich wollte gerade einen Hover-Effekt per Javascript erreichen, indem ich die kleinen Buchstaben eines Buttons beim Überfahren mit der Maus groß werden lasse.
Das ganze Funktioniert zwar, aber nicht wirklich gut:
http://misterunknown.de -> und zwar die Links in der Navigationsleiste (links).
Wenn man von Links nach Rechts mit der Maus darübergeht, dann werden die Buchstaben groß (wie gewünscht) und dann wieder klein. Wenn man aber von oben nach unten etwas schneller über die Buttons geht, dann bleiben sie in Großbuchstaben, und werden nicht wieder klein, was mich irgendwie wahnsinnig macht.

Hat jemand eine Idee, wie ich das umgehen könnte, oder ist ein Fehler drin?

Quelltext (eigentlich PHP, weil die Links dynamisch erstellt werden, aber ich denke bei Javascript reicht auch der Quelltext, den der Browser letztendlich bekommt)

  
<table border=0 class=navtable cellspacing=0 cellpadding=0 >  
	<tr>  
		<td><img border=0 src="http://misterunknown.de/pics/buttons/button_linke.png" alt="" /></td>  
		<td class=navtabContent><a href=index.php?site=beitr&index=beitr_on><div width="100%"  onmouseover="this.innerHTML=this.innerHTML.toUpperCase();" onmousemove="this.innerHTML = this.innerHTML.toLowerCase();">beitr&auml;ge</div></a></td>  
		<td><img border=0 src="http://misterunknown.de/pics/buttons/button_rechte.png" alt="" /></td>  
	</tr>  
  
</table>  

(und das bei jedem Link, wie gesagt, dieses Konstrukt kommt von einer PHP-Funktion showLink();

Grüße Marco