I am trying to swap an image with CSS but when the mouse rolls over for the first time, instead of one image being replaced with another one, I get a flicker first. Here’s my CSS code:
#UL {
width: 50px;
height: 54px;
background:url("/img/UL_gr.png") no-repeat;
}
#UL:hover {
background-image:url("/i/logos/UL.png");
}
Preload your images and use sprites. Problem solved!