Problema con animate, fondo transparente

[Ciel]

Hola, resulta que estoy usando este codigo para animar el fondo de un div:

Código Javascript:

<script type="text/javascript">  
    $(document).ready(function(){  
        $(".effect").hover(function() {  
                $(this).stop().animate({ backgroundColor: "#045FB4"}, 800);  
                },function() {  
                $(this).stop().animate({ backgroundColor: "transparent" }, 800);  
                });  
     });  
</script>
 

La idea es que de entrada el div no tiene ningun fondo, pero al pasar el mouse por ensima se le agrega un color de fondo con la animacion... y cuando deje de posicionar el mouse por ensima, que vuelva a su 'estado natural' (es decir, sin ningun fondo... transparente).

Pero el problema es que no lo deja transparente, lo deja de color blanco...

Otro problema es que al pasar el mouse por ensima del div por primera vez, se pone primero blanco y luego el color deseado...

Alguna solucion? Gracias...

Cualquier cosa me avisan y les muestro un demo.

[caricatos]

Tema movido desde javascript

[Ciel]

A disculpa, me olvide que esto entraba en frameworks.

Alguien que sepa como resolver este problema que me tiene loco?

[leif_sk8er]

puede que sea por el transparent?? no recuerdo si se pone como backgroundColor o como background solo, es decir:
$(this).stop().animate({ background: "transparent" }, 800);


De todas formas te conteste aqui tb http://www.forosdelweb.com/f127/fond...jquery-888024/

Saludos!