cambio sfondo e sfarfallio

[agenti]

<style>
dettagli {border:1px solid #000080;cursor:hand;background:url(../images/sf_blu_etp.gif);font:70% Tahoma;color:#ffffff;text-align:center;font-weight:bold;width:140px;;height:20px;}
.hoverBlu {border:1px solid #000080;cursor:hand;background:url(../images/sf_blu_h.gif);font:70% Tahoma;color:#ffffff;text-align:center;font-weight:bold;width:140px;;height:20px;}
</style>


<input type="button" class="dettagli" onmouseover="this.className = 'hoverBlu';return false" onmouseout="this.className = 'dettagli';return false" value="MAGGIORI DETTAGLI" />

Uso questo codice per cambiare classe/sfondo
ma si crea uno strano sfarfallio con explorer..

[Xinod]

si chiama flickering, qui un' analisi molto approfondita
http://www.fivesevensix.com/studies/ie6flicker/
chiaramente e' determinato dal cambio di background, IE non e' in grado di ripescarlo dalla cache per cui sfarfalla quando di fatto ricarica l' immagine
ci sono determinate situazioni che non generano flickering, ma nella pratica e' molto difficile rientrare in quella casistica (si usano quasi sempre gif, spesso trasperenti, tassellate ed in genere piccole)

questo, se non vado errato, dovrebbe risolvere il problema

<!--[if lt IE 7]>
<script type="text/javascript"> document.execCommand("BackgroundImageCache", false, true); </script>
<![endif]-->

[agenti]

grazie per la risposta...

ma non ho miglioramenti

<!--
if (navigator.appName == "Netscape")
{
document.write("<link rel='stylesheet' href='css/mozilla.css' type='text/css'>");
}
else if (navigator.appName == "Microsoft Internet Explorer")
{
document.write("<link rel='stylesheet' href='css/explorer.css' type='text/css'>");
document.execCommand("BackgroundImageCache", false, true);
}
else if (navigator.appName == "Opera")
{
document.write("<link rel='stylesheet' href='css/opera.css' type='text/css'>");
}
//-->