I beat it by creating a gradient jpg with some button text as part of it. They I just put the jpg on the button.


>>Has anyone found a way to avoid this bug when using a mouse over which affects any gradient filter on a page? What this causes is as soon as we move the mouse over the image, which has a mouse over effect, this removes the gradient filter on all places where it applies.
>
>To provide more explanation, try the following:
>
>1. Define an IMG SRC tag having an onMouseOver property such as:
>
>onMouseOver="this.className='Test'"
>
>2. Add in the same page a table with a style using a gradient filter.
>
>3. Load the page in the browser.
>
>4. Mouve the mouse over the image and watch the table background changing back to the background color and loosing its gradient effect.
>
>I cannot find a workaround for this. It is not related to the class being used in the onMouseOver. You can put a class that doesn't even exist and you will have the same result.