Image Pressed In Effect — CSS

Question

I was wondering how to achieve the following effect (Mozilla Start Page) where the icons look "pressed into" the page. Is that something that can be accomplished with CSS or is this purely a photoshop maneuver and and the background-color is just matched?

Answer 1

This should do the trick, feel free to play around with the colour as you see fit:

div {
    box-shadow: 0 1px 1px 0 #C7C7C7 inset;
    background: none repeat scroll 0 0 #E9E9E9;
}