Light haloaround CSS3 button on mouseover in Opera!?!

Hello all,

I’ve created a CSS3 button for a experimental web page. Unfortunately the gradients are lost in Opera, but that is another issue already answered. My new problem is when I mouse over the “Post It” button in Opera there appears to be a rectangular halo of the lighter mouse over color. Is there anyway of getting rid of it?

.add-sticky:hover {
	background-color:  #2a4d83;
        background:  -moz-radial-gradient(center, #4981bf, #2a4d83 90%, #132847 95%);
        background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4981bf), to(#132847), color-stop(.8,#2a4d83));
    color: #FFF;
    font-size:  205%;  

Any ideas on solving this issue is much appreciated.


What version of Opera are you using. I don’t see that in version 11.

Opera 11. On a macbook pro.

Sorry. Rebooted computer, cleaned cache and halo gone. Me bad, sorry.

My original plan had a lighter mouse over color and the halo was definitely apparent then. Have you heard of this before? What did I do or not do that caused the problem?

Thanks for your input and help.