эх не прокатило - обычный цсс при ховере работает

Создайте работающий пример, на котором видна проблема. Выложите на jsfiddle.com или сюда.

файл html, css, image, js? а как сюда выложить? объясните плиз подробней..я вообще все блоки написала, только картинки не приложила...

еле разобралась, но спасибо!
http://learn.javascript.ru/play/ZPTP8b

наведите - мерцает
а надо что б плавно из зеленого в красный

$(document).ready(function(){
	$('.about li').hover(function(){
		$(this).stop(true, true).animate({
			opacity: 0.4
		},
        function() {
          $(this).animate({ opacity: 1}); 
       });
	},
	function() {
		$(this).stop(true, true).animate({
			opacity: 0.1,
          'backgroundPosition': '0 0'
		},
        function() {
             $(this).animate({ opacity: 1 }); 
       });
	});
});

Как-то так

Плавно врятле получится. Чтобы перешло из зеленый в красный, надо постепенно менять много цветов. Хотя может и другой вариант есть

jQuery UI

$(document).ready(function(){
    $("#sample").mouseover(function() {
         $(this).animate({ backgroundColor:'#f00'},1000);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#ccc'},1000);
    });       
});​

zebra, спасибо тебе решение работает, но не одинаково в браузерах: в опере все ок, в ие8 нет, нам надо в последних браузерах что б было