Problem with changing opacity

[Sura]

Hi

I am facing some issue with the following code. The idea behind this
code is to change the opacity of the image along with the text on
mouseover. In normal condition(on mouse out) the contents will be
displayed with reduced opacity.

The issue which I am facing is in IE. In IE both on mouseover and on
mouseout the image is refreshing itself, which it should not be doing.
In Netscape the opacity is changing without the image being refreshed,
which is the correct one.

Please find the code below. If anyone can give me a solution for the
same, that will be of great help.

Thanks
Sura


<!-- HTML code starts here -->

<table width="421" height="88" cellspacing="0" cellpadding="0"
border="0" class="colwhiteoff"
onmouseover="this.className='colwhiteon';"
onmouseout="this.className='colwhiteoff';" style="cursorointer;">
<tr>
<td width="100%" align="left" valign="top">
<table width="421" height="88" cellspacing="0" cellpadding="0"
border="0" class="backpda">
<tr>
<td width="110" nowrap></td>
<td width="100%" align="left" valign="top" class="textbodysm">
<img src="images/common/trans.gif" width="1"
height="10"><br><span class="textheaderamzer">Highlights:</span><br>
1. High quality product.<br>
2. Convenient and compact.<br>
3. Solutions to maintain and protect your valuable PDAs.<br>
</td>
<td width="15" nowrap></td>
</tr>
</table>
</td>
</tr>
</table>

<!-- HTML code ends here -->


<!-- CSS code starts here -->

..backpda {background:url(../images/home/pic-pda-display.gif);}

..colwhiteoff {filter:alpha(opacity:65); -moz-opacity:0.65;
cursorointer;}

..colwhiteon {filter:alpha(opacity:100); -moz-opacity:1.00;
cursorointer;}


<!-- CSS code ends here -->