Question

Can someone take a look at my background shadow? Here is the link:
link text

I’m trying to find the best solution for having a background shadow for a card in the front (layered).

Is it possible to make the sides of shadow cave in with CSS?

I’m currently using a PNG with transparency and I can’t get the shadow to match with the background!

Any suggestions would be helpful.

Answer 1

To get your image to line up you can do it in css:

#card_main {
  background:url("/img/shadow.png") no-repeat scroll 0 0 transparent;
  margin:0 auto;
  min-height:800px;
  position:relative;
  top:-1px;
  width:980px;
}

Though your background gray color seems to be different in the image than the background.