AYUDA, imagen para web

[natig]

Hola a todos! necesito ayuda. Estoy creando una página web con css, he creado un fondo para ella, y encima de ese fondo una capa (contenedor) en la que colocaré todo el contenido. Para esta capa he creado una imagen que será el fondo de la misma. Mi intención es q la imagen del fondo de la capa contenedor haga el efecto de que proyecta una pequeña sombra sobre el fondo de la web.

La imagen está perfectamente creada, con el efecto deseado: una imagen de 800x50 blanca, con una franja marrón en ambos laterales que se difumina dejando ver un fondo transparente.

El problema es que al colocarla como fondo de la capa no se visualiza el efecto, si es en formato GIF, ni siquiera se ve el degradado, en JPEG, se ve el degradado pero denjando ver un fondo blanco, y en PNG, se ve todo, el degradado dejando ver la transparencia de modo que se puede ver detrás del degradado la imagen del fondo de la web, pero en el explorador sale como la imagen JPEG, osea, denjandop ver un fondo blanco.

¿CUAL ES EL PROBLEMA?, ¿QUÉ DEBO HACER?, por favor, contestadme. Si no encontráis la solución, decidme otra manera con la q pueda conseguir el mismo efecto.

MUCHAS GRACIAS, ESPERA LA RESPUESTA. FELIZ AÑO