Gracias por las respuestas.
He probado ambos métodos, con precarga y con la técnica de la imagen combinada, y en los dos pasa lo mismo, el IE tarda un poco en mostrarla >_<.
Dejo el nuevo código por si sigue habiendo algun error :/.
Precarga: Código HTML:
<script language="javascript">
<!--
var i;
var imagenes = new Array("crearCuenta02.png","crearCuenta01.png","cambio.gif");
var lista_imagenes = new Array();
function cargarimagenes(){
for(i in imagenes){
lista_imagenes[i] = new Image();
lista_imagenes[i].src = imagenes[i];
}
}
//-->
</script> Menú: Código HTML:
.menusup {padding:0 0 0 32px; margin:0; list-style:none; height:35px; border-bottom:1px solid #444;}
.menusup li {float:left;}
.menusup li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;background: transparent url(url/media/images/menu/fondo_menu.gif) no-repeat left top;}
.menusup li a b {float:left; display:block; padding:0 16px 0 8px;color:#aaa;}
.menusup li a:hover {color:#fff; background-position:left bottom;text-decoration:none;}
.menusup li a:hover b {background-position:left bottom;text-decoration:none;}