let box-shadow overflow over parent elements?

Question

I am trying to apply a box shadow to an img element and I have its container with padding:0px so it is pretty tightly constrained. Consequently, its box-shadow is unable to overflow out and is just kind of crudely cut off.



Is there any remedy for this?

Answer 1

div.container { /* ... styles ... */ overflow:visible; }

http://jsfiddle.net/SExPg/

Answer 2

My suggestion would be to just make the shadow smaller OR make the image smaller so you can have more shadow showing.