:hover doesn't work on my

Hi to everyone!
I have a series of controls in my html:

<div id="controller">
        <a id="size1" onclick = "javascript:SetFontSize('80');">A</a>
	...
	...
</div> 

in css I have #controller a:hover{border-color: #CCC}  

on load the :hover property is showed, but after the first click on "size1" anchor, :hover isn't showed anymore. I wish I could see it in action. I tried setting also :link, :visited and after :hover, :active, but it didn't worked anyway. Anyone has any ideas? Anthony.