Завернуть картинку в div, задать на div padding-bottom равный высоте тени и повесить картинку с тенью на этот div background: url(../images/shadow.png) no-repeat 0 100%.

Спасибо за подсказку,буду колдовать)))
а как склеить два блока?

Css таков:
#left{
background-color:#00C0C0;
width:190px;
float:left;
}
#right{
width:190px;
background: url(../images/grey_bg.png) repeat right top;
color:#FFFFff;
background-color:#FFFF00;
float:right;
}
#content{
/*background-color:#8080FF;*/
margin-left:212px;
margin-right:212px;
}
#shadow
{
url('..images/ten-left.png') no-repeat,left bottom;
}
#shadow1
{
url('..images/ten-right.png') no-repeat,left bottom;
}

Как два блока shadow,shadow1 склеить чтобы они стали ровно под left?когда начинаю колдовать внутри блока и делаю блоку бекграунд,то тень появляется
внутри а не за окончанием блока....???

думаю есть вариант проще, а главное легче
http://htmlbook.ru/css/box-shadow
да и на приведённом вами сайте, скорее всего так сделано
вот например http://www.xiper.net/collect/html-and-css-...ck-effects.html
вообщем юзайте box-shadow и будут вам тени (:

Вариант с css хорошо если не нужна поддержка ие6-8. На сайте, который привел ТС, сделано как раз таким имагами.

z3l, По приведенному коду я не могу понять как оно должна работать.

Ребят тот код что я привел, это то что я пытаюсь сделать, а на сайте реализовано так, есть блок(бекграунд, пнг),а под ним тени это две картинки png формата,shadow-left и shadow-right.
вот у меня не получается выровнять под блоком эти две картинки, плюс к этому они находятся на бекграунде блока а не под ним(=....Понятно объяснил?))

Дельный совет уважаемый1!!!+1 ВАМ!

рад, что смог помочь :)

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.