css borders

There are various ways to create shadow effects in css. Here is a dirty and quick way to get the above effect.
Firstly add these css properties to your css style

.shadow {
border-top: solid 2px #ccc;
border-right: solid 4px #000;
border-bottom: solid 8px #666;
border-left: solid 1px #000;
}

Then apply the class to your image tag

<img src="assests/tractor.jpg" width="350" height="467" class="shadow">

I told you it was dirty, ok so it's not the best effect or the best way to create this type of effect. In fact this is more of a bevel effect if anything?
I imagine the best way to create a shadow effect would be to overlay "<div>tags.
I will do soon reading and post on it soon.
Photograph Taken 23-10-07 by Doug