Repeat-x et image avec ombre portée

Bonjour à tous,

Je suis en train de réaliser un tout nouveau design pour un site et je suis chargé de le coder.
Seulement, je souhaite faire répéter une image horizontalement et celle-ci a une ombre portée. Cependant, lorsque celle-ci se répète, on voit les traces de l'ombre portée (je ne sais pas comment appeler ça, je vais vous faire un screen) :

http://s2.noelshack.com/uploads/images/20217242993508_sans_titre_1.jpg

Comme vous le voyez, ça ne rend pas très joli... Voici le code associé :

#header {
	width:100%;
	height:121px; 
	padding:0;
	background:url('./images/bg-header.png'); 
	background-repeat:repeat-x; 
}

Quelqu'un a-t-il une idée quant à mon problème ?
Merci d'avance et bonne fin de journée,

Zike
Modifié par Zike (23 Feb 2010 - 16:50)

Salut,

Cela vient tout simplement de ton image, qui ne comporte pas l'ombrage sur toute sa largeur. Il faut tout simplement que tu élargisse ton ombre dans ton image pour qu'elle la remplisse complètement, et éviter ce crénelage inesthétique.