delay background effect with jquery?
<p>i am trying to change the background on hover of some divs, but for some reason i can not make it with jquery.
what i want is give an effect that shows from the images to the image on hover, because with css the change is too fast and doesnt look good at all.
any suggestion?
this is my code</p>

<pre><code>#siman{
    background: url(images/siman.png) left top no-repeat;
}
#vogue{
    background: url(images/vogue.png) top left no-repeat;
}
#consejo{
    background: url(images/consejodelcafe.png) top left no-repeat;
}
#digicel{
    background: url(images/digicel.png) top left no-repeat;
}
#siman:hover, #vogue:hover, #consejo:hover, #digicel:hover{
    background-position: left -96px
}
</code></pre>
