Tengo un menu secundario, que se muestra cuando el mouse pasa por arriba del menu primario. Y para ese menu tengo un color asignado, pero el color recién se carga después de un segundo de posar el mouse sobre el desplegable.
En realidad, en menu primario es todo un renglon, y existe un menu secundario para cada item de ese renglon.
El css que asigna el fondo es este:
Cita: /* background images */
#menu ul li.uno ul,#menu ul li.uno li a {}
#menu ul li.dos ul,#menu ul li.dos li a {background: url(../filtros/azul.png) repeat}
#menu ul li.tres ul,#menu ul li.tres li a {background: url(../filtros/dorado.png) repeat;}
#menu ul li.cuatro ul,#menu ul li.cuatro ul li a {background: url(../filtros/v.20/rosa.png) repeat}
#menu ul li.cinco ul ,#menu ul li.cinco ul li a {background: url(../filtros/blanco.png) repeat;}
#menu ul li.seis ul ,#menu ul li.seis ul li a {background: url(../filtros/verde.png) repeat}
#menu ul li.siete ul,#menu ul li.siete li a {background: url(../filtros/naranja.png) repeat}
#menu ul li.ocho ul ,#menu ul li.ocho li a {background: url(../filtros/violeta.png) repeat}
Link a la pagina,
aqui.
Les agradecería comentarios.