Does anyone know to modify and preferably simplify this code in order to prevent the flicker from occurring in IE? Perhaps there is no need for the javascripts? I'm a bit confused...

Thanks for any help...

PHP Code:
<style type="text/css">
input.creditcard
{
    
width128px;
    
height36px;
    
background-color#EEEEEE;
    
background-imageurl(ccb1_01.png);
    
positionabsolute;
}

</
style>

<
script language="javascript">

function 
goLite(FRM,BTN)
{
   
window.document.forms[FRM].elements[BTN].style.backgroundImage "url(ccb1_02.png)";
}

function 
goDim(FRM,BTN)
{
   
window.document.forms[FRM].elements[BTN].style.backgroundImage "url(ccb1_01.png)";
}
</script> 
PHP Code:
<style type="text/css">

input.paypal
{
    
width112px;
    
height36px;
    
background-color#EEEEEE;
    
background-imageurl('pp1_01.png');
    
positionabsolute;
}

</
style>

<
script language="javascript">

function 
goLite1(FRM,BTN)
{
   
window.document.forms[FRM].elements[BTN].style.backgroundImage "url(pp1_02.png)";
}

function 
goDim1(FRM,BTN)
{
   
window.document.forms[FRM].elements[BTN].style.backgroundImage "url(pp1_01.png)";
}

</script> 
PHP Code:
<input type="submit" name="payclass" class="creditcard" value=""
  
onMouseOver="goLite(this.form.name,this.name)"
  
onMouseOut="goDim(this.form.name,this.name)" style="left: 528px; top: 63px" id="ccsubmit"/> 
PHP Code:
<input type="submit" name="paypal" class="paypal" value=""
 
onMouseOver="goLite1(this.form.name,this.name)"
 
onMouseOut="goDim1(this.form.name,this.name)" style="left: 545px; top: 112px; height: 36px;" id="ppsubmit"/>