Gracias alberto y trublux, les comento que finalmente consegui hacerlo de la siguiente manera igualmente usando jquery:
Código Javascript
:
Ver original$('#id_del_bloque').css("background","#fff");
$('#id_del_bloque').hover(
function() {
$(this).stop().animate({backgroundColor:'#eee'}, 500);
}, function () {
$(this).stop().animate({backgroundColor:'#fff'}, 500);
});
De esta manera tengo mi bloque en color blanco y al pasar el raton se cambia a gris claro con un efecto suave.
Me interesa mucho el tema de las transiciones en hover usando CSS, solo que he leido que aun no es compatible con muchos navegadores y por supuesto que me imagino que el menos compatible a de ser IE como siempre.
Saludos a todos y de nuevo gracias por su ayuda.