Effet d'ombre sur les côtés d'une div

Bonjour,

J'ai besoin de réaliser des effets d'ombre sur les côtés d'une div dont je ne connais pas la hauteur comme ceci:
http://img11.hostingpics.net/pics/323946effetdombre.png

Pas contre je ne peux faire ça en CSS3 avec "box-shadow", car ce doit être compatible IE8.

J'ai donc créé des png transparents, mais j'ai du mal à trouver comment je peut leur donner la même hauteur que la div.... (le fameux height : 100%...)

Merci d'avance !
Modifié par laurent44 (12 Nov 2012 - 09:29)

Visiblement tu veux que ton ombre s'étire / s'écrase en fonction de la hauteur du conteneur. Alors, tu peux utiliser :after / :before, positionnés en absolu, le height:100% se calera sur les dimensions de ton conteneur (sans oublier de le positionner lui même, en relative par exemple).

M'enfin c'est un peu cra-cra...
Modifié par Nigel (15 Nov 2012 - 10:48)

a écrit :
Pas contre je ne peux faire ça en CSS3 avec "box-shadow", car ce doit être compatible IE8.

PIE.htc ?