i took lissa's tutorial on link transitions and used the pixelate transition but for some reason it pixelates BEFORE you put your mouse over it, so you can't read the links at all! any clue as to what i did wrong?

here's my site:
http://www.vividness.net/test/glamour.htm

here's my link.htc:
<public:component>
<public:attach event="onmouseover" onevent="domouseover()">
<public:attach event="onmouseout" onevent="domouseout()">

<script language="javascript">

function domouseover()
{
with(element)
{
filters.item(0).Apply();
filters.item(0).Play();
}
}

function domouseout()
{
with(element)
{
filters.item(0).Apply();
filters.item(0).Play();
}
}

</script>

</public:component>

here's my CSS:
a{
cursor:default; height:1px; behavior:url(link.htc); filter:progid:dximagetransform.microsoft.pixelate( duration=1);}