fadeTo del background no afecte hijos

[memoadian]

Hola que tal, estoy tratando de lograr un efecto fadeTo, pero que solo afecte el background del elemento.

o sea que si yo tengo un dive header y se pase el mouse por encima este se haga más opaco, y al quitar el cursor se transparente o sea pierda opacidad.

con esto se puede lograr

Código Javascript:

$("#header").hover(function(){
        $(this).fadeTo("slow", 1.0); // Cambia la opacidad al 100 %
    },function(){
        $(this).fadeTo("slow", 0.2); // Cambia la opacidad al 50% cuando ya no tiene el foco
    });
 

pero a la hora de pasar el mouse, se opacan los divs hijos y yo quisiera lograr queestos no sean afectados.

perdon es que apenas empiezo on jquery y no estoy muy ducho, gracias a quien me pueda dar una luz

[Panino5001]

Eso es una limitación de css, nada tiene que ver con javascript.

[memoadian]

y hay alguna manera de lograrlo?

yo vi algo asi en:

http://merrellhollis.com/

asi es como lo necesito pero no logro entender como lo hicieron.

[memoadian]

Bueno lo que hice fue sacar a los chavos y ponerles un z-index mayor para que al hacer el efecto no se ocultaran por un momento.