Most of us are familiar with tileing a shadow graphic vertically or horizontally on the edge of a column of content on our page with CSS. I keep runing into a problem however. When the shadow re-tiles its self, you can see an obvious line where it starts the new tile. an example of this would be
here. If you look at the drop shadow thats on the side of each column on this page, you can clearly see where each shadow image is re-tileing, and it dosent look very attractive. I want to know how to create a drop shadow that looks like
this.
Can anyone help me out?